use*_*636 4 css asp.net textbox stylesheet
我有一个ASP文本框控件.当用户关注文本框时,我想将文本框的背景颜色从灰色更改为白色.
这里是css文件,但是在关注文本框后它没有改变颜色.
<script language="javascript" type="text-javascript">
function DoFocus(txt)
{
txt.className = 'focus';
}
</script>
Run Code Online (Sandbox Code Playgroud)
文本框
<asp:TextBox ID="txtFirstName" runat="server"
CssClass="textbox" MaxLength="50" Width="188px" onfocus="DoFocus(this)">
Run Code Online (Sandbox Code Playgroud)
CSS
input.textbox, select, textarea
{
font-family : verdana, arial, snas-serif;
font-size : 11px;
color : #000000;
padding : 3px;
background : #f0f0f0;
border-left : solid 1px #c1c1c1;
border-top : solid 1px #cfcfcf;
border-right : solid 1px #cfcfcf;
border-bottom : solid 1px #6f6f6f;
}
input.textbox:focus, input.input_text_focus
{
border-color:#646464;
background-color:#ffcf03;
}
Run Code Online (Sandbox Code Playgroud)
编辑:我看到你更新了你的帖子,所以澄清一下:ASP创建一个inputHTML元素(如果我错了就纠正我)你总是可以通过:focusCSS中的选择器设置这个样式,不需要Javascript,还可以添加input.textbox:active一些越野车IE ...
input.textbox:focus, input.textbox:active {
/* everything you put here will be aplied to ANY focused input element */
}
Run Code Online (Sandbox Code Playgroud)
从您粘贴的代码判断,而不是
.input_text:focus, input.input_text_focus {
border-color:#646464;
background-color:#ffffc0;
}
Run Code Online (Sandbox Code Playgroud)
使用
input.textbox:focus, input.input_text_focus {
...
}
Run Code Online (Sandbox Code Playgroud)
或者你为什么在第一手资料input_text时突然使用课程input.textbox?你的两个选择器不匹配......
| 归档时间: |
|
| 查看次数: |
47843 次 |
| 最近记录: |