用JS修改一下input标签的样式出现问题

我在JS中给input标签绑定了一个事件，当input标签获得焦点的时候，将边框颜色修改为绿色。input标签边框的颜色原本是粉色。打开浏览器，当获取焦点后边框颜色却变成黑色，既不是粉色也不是绿色。颜色我试了十六进制颜色码也不行。代码如下，有人能帮我看看吗？

this.style.border="green";

试试这样可以么

你打印一下this看看 。
直接 ipt.style.border="red"

JS设置CSS样式的几种方式 - LiuWeiLong - 博客园 用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性 某些情况用这个设置 !important值无效 如果属性有'-'号，就写成驼峰的形式（如textAlign https://www.cnblogs.com/LiuWeiLong/p/6058059.html

可以考虑换个方法实现该需求：
1、输入框提示文字可以通过设置input中的placeholder="账号/邮箱/电话"，而不是用你的value
2、你这个获取焦点的样式改变应该通过css去做，input:foucus｛｝这个伪类选择器来修改你想要的样式