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

how to set border color on textbox focus using javascript?

本文关键字：设置 边框 颜色 焦点 何使用 JavaScript 文本      更新时间：2023-09-26

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

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>

此代码用于一个文本框在函数中传递参数

只需采用非常简单的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>

希望这有帮助！

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;
}
相关文章：