0

在我的表单中，五个文本框..当点击文本框时，它的边框颜色必须改变。（在文本框焦点事件上，边框颜色会改变）

4

3 回答 3

0

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

希望这可以帮助！

于 2012-06-06T11:26:57.207 回答
0

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>

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

于 2012-06-06T11:30:41.083 回答
-1 
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;
}
于 2012-06-06T12:18:05.170 回答