asp.net – asp文本框控件的CSS

发布时间：2020-12-16 07:31:45 所属栏目：asp.Net 来源：网络整理

导读：我有一个ASP文本框控件.当用户关注文本框时,我想将文本框的背景颜色从灰色更改为白色. 这里是css文件,但是在关注文本框后它没有改变颜色. script language="javascript" type="text-javascript" function DoFocus(txt) { txt.className = 'focus'; } /script

我有一个ASP文本框控件.当用户关注文本框时,我想将文本框的背景颜色从灰色更改为白色.

这里是css文件,但是在关注文本框后它没有改变颜色.

<script language="javascript" type="text-javascript">
     function DoFocus(txt) 
     {
         txt.className = 'focus';
     }    
   </script>

文本框

<asp:TextBox ID="txtFirstName" runat="server"
        CssClass="textbox" MaxLength="50" Width="188px" onfocus="DoFocus(this)">

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

解决方法

编辑：我看到你更新了你的帖子,所以澄清一下：ASP创建一个输入HTML元素(如果我错了就纠正我)你可以通过CSS中的焦点选择器来设置这个样式,不需要Javascript,还可以添加input.textbox：主动捕捉一些错误的IE …

input.textbox:focus,input.textbox:active {
   /* everything you put here will be aplied to ANY focused input element */
}

从您粘贴的代码判断,而不是

.input_text:focus,input.input_text_focus {
    border-color:#646464;
    background-color:#ffffc0;
}

使用

input.textbox:focus,input.input_text_focus {
   ...
}

或者,当你在第一手资料中输入input.textbox时,为什么突然使用类input_text？你的两个选择器不匹配……

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!