Question

在我的表格中有五个文本框..当点击文本框时，必须更改其边框颜色。（在文本框焦点事件上，边框颜色会发生变化）

Answer 1

采取一种非常简单的DHTML方法：

<div id="textbox1" onfocus='changeBorderColor()'></div>

<script type="text/javascript">
function changeBorderColor(){
var color=rgb(50,100,150);
document.getElementById("textbox1".style.border-color:" + color;
}
 </script>

希望这有帮助！

Answer 2

Giri检查这对你有所帮助

<script type="text/javascript">
function changeBorderColor(id)
{
 document.getElementById(id).style.border = "1px solid #ff0000";
  }
</script>

</head>

 <body>
 <input type="text" name="txtTest" id="txtTest" onclick="changeBorderColor(this.id)"/>
 </body>

此函数

中的一个文本框传递参数的代码

Answer 3

input {
border: 1px solid black;
margin-top: 150px;
margin-left: 100px;

height: 45px;
width: 300px;
padding: 5px;
border-radius: 5px;

font-size: 30px;

transition:.2s linear;
-webkit-transition:.2s linear;
-moz-transition:.2s linear;
}

input:focus {
outline: none;
box-shadow: 0px 0px 7px #61C5FA;
border-color: #61C5FA;
}

如何使用javascript在文本框焦点上设置边框颜色？

3 个答案: