Discussion :

[stefsas]

Bonjour,

J'ai réalisé une boîte avec Ajax dans laquelle j'ai rentré des champs.
J'ai voulu intégré une couleur différente au moment du survol et du focus de mon champ 'mot de passe", mais celles-ci ne se font pas sur le champ mais à l'extérieur de celui-ci.

Je vous met mon code :



Voila ma partie css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
label 
{
display:block;
width:160px;
float:left;  
color: #32639A;
font-weight:bold;
padding: 8px;
}

/*Définition du style des contôles*/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.champformuilaire
{
 
}   
 
 .champformuilaire:hover
{
   background-color: #C5CDCC; 
}    
 
 .champformuilaire:focus
{
   background-color: #C5CDCC; 
}

Si quelqu'un voit d'où vient le problème ?

Merci.

[12monkeys]

Bonsoir

Tu appliques le hover sur l'élément disposant de la classe 'champformuilaire'... Essaye plutôt de mettre le hover sur son enfant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.champformuilaire :hover
{
   background-color: #C5CDCC; 
}

A défaut de connaitre ton code généré ! Sinon indique aussi l'élément ciblé, si c'est un input :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.champformuilaire input:hover
{
   background-color: #C5CDCC; 
}

[stefsas]

Pour corriger le problème, j'ai mis pour le code ASP.net

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="champformulaire"> <asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox></div>

et pour le css

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 .champformulaire :hover
{
   background-color: #D4FBF6; 
}    
 
 .champformulaire :focus
{
   background-color: #D4FBF6; 
}