CSS d'un asp contrôle de zone de texte

J'ai un ASP contrôle de zone de texte. Lorsque l'utilisateur se concentre sur la zone de texte, je veux changer la couleur d'arrière-plan de la zone de texte du gris au blanc.

voici le fichier css, mais ce n'est pas de changer la couleur après la mise au point sur la zone de texte.

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

Zone de texte

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

OriginalL'auteur user478636 | 2011-04-10

7

EDIT: j'ai vu la mise à jour de votre post, afin de préciser: ASP crée un input élément HTML (corrigez-moi si je me trompe) et vous pouvez toujours le style via la :focus sélecteur CSS, pas besoin de Javascript, mais aussi d'ajouter de input.textbox:active pour prendre un peu de buggy IE...
```
input.textbox:focus, input.textbox:active {
   /* everything you put here will be aplied to ANY focused input element */
}
```
À en juger par votre collé le code, au lieu de
```
.input_text:focus, input.input_text_focus {
    border-color:#646464;
    background-color:#ffffc0;
}
```
utilisation
```
input.textbox:focus, input.input_text_focus {
   ...
}
```
Ou pourquoi avez-vous soudainement utiliser la classe input_text lorsque vous avez input.textbox dans la première main? Vos deux sélecteurs ne correspondent pas...

juste une chose que je voulais vous demander, pourquoi ne mettant en évidence le travail lorsque j'ajoute le style manuellement à la page aspx, et pas la feuille de style?
Ce peut-être qu'il existe d'autres styles à venir à partir d'une autre feuille de style... essayez d'utiliser background-color: #ffffc0 !important;...
eh bien, j'ai juste référencé juste 1 de la feuille de style dans ma page. je ne suis à l'aide de 1 dans mon projet
Je n'ai pas travaillé avec l'ASP, de sorte que je ne peux pas vous dire si elle ne génère une feuille de style par défaut par lui-même. Une autre chose à considérer est que les navigateurs par défaut des feuilles de style, essayez d'inclure un reset.css (google ;). Styles en ligne (en les saisissant directement dans votre page), parce qu'elles sont plus "spécifiques", vous pouvez aussi essayer d'ajouter plus de sélecteurs comme #content form input.textbox:focus si votre formulaire est contenue dans une div avec l'id content...

OriginalL'auteur Michael Rose

Ici une approche avec l'utilisation séparée des classes CSS spécifié via javascript:

<style type="text/css">
    input.FocusedStyle
    {
        background-color:#ffffc0;
        border-color:#646464;
    }
</style>

<script type="text/javascript">
    function OnBlur(textBox) {
        textBox.className = '';
    }
    function OnFocus(textBox) {
        textBox.className += ' FocusedStyle';
    }
</script>

<asp:TextBox ID="txt" runat="server" onblur="OnBlur(this);" onfocus="OnFocus(this);"></asp:TextBox>

OriginalL'auteur Mikhail

  TEXTAREA, INPUT[type="text"]
  {
    font-family    :  tahoma, arial, snas-serif;
    font-size      :  11px;
    color          :  #000000;

    padding        :  3px;
    background     :  #EEEfff;
    border-left    :  solid 1px #c1c1c1;
    border-top     :  solid 1px #cfcfcf;
    border-right   :  solid 1px #cfcfcf;
    border-bottom  :  solid 1px #6f6f6f;
  }

  INPUT[type="text"]:focus, INPUT[type="text"]:active 
  {
      border-color:#646464;
      background-color:#ffcf03;
  }

Bonne réponse pour tout ce que je sais, mais en général, vous devriez essayer et de laisser un commentaire en expliquant ce que vous avez fait ... code-seules réponses sont désapprouvées.
Vieux je sais mais c'est beaucoup mieux que l'utilisation de JavaScript pour définir le focus. À l'aide de Pseudo-classes.

OriginalL'auteur Ali

Vous ne pouvez pas le faire simplement en utilisant le css. vous devez utiliser du javascript. Par exemple:

<asp:TextBox runat="server" id="myTextbox" onfocus="DoFocus(this)" onblur="DoBlur(this)"></asp:TextBox>

la section javascript:

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

  function DoBlur(txt) 
  {
      txt.className = 'unfocus';
  }
</script>

et le css:

input.textbox, select, textarea, unfocus
{
 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;
}

.focus
{
    border-color:#646464;
    background-color:#ffffc0;
}

Vous pouvez trouver quelques bons exemples:

http://www.codeproject.com/KB/aspnet/inputBgOnFocus.aspx

http://viralpatel.net/blogs/2009/09/change-form-input-textbox-style-focus-jquery.html

http://forums.asp.net/t/1134964.aspx/1

j'ai fait ce que tu dit mais il ne marche pas...j'ai édité le code dans le poste principal....
Désolé. Oublié de changer le nom de classe css. Mise à jour de la réponse, lookl au nom de classe CSS. il devrait être focus
Aussi du type de text/javascript. mon mauvais!

OriginalL'auteur Kamyar

Vous devez vous connecter pour publier un commentaire.