0

私のフォームでは、5つのテキストボックス..テキストボックスをクリックすると、その境界線の色を変更する必要があります(テキストボックスのフォーカスイベントでは、境界線の色が変更されます)

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

ギリはこれをチェックしてあなたを助けます

<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>

関数内の1つのテキストボックスパスパラメータのこのコード

于 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 に答える