en se concentrant sur un élément change de l'autre CSS
Je veux changer un élément de couleur Hdr_nav_search_box
lorsque l'accent est mis sur un autre élément Hdr_nav_search_input
. Voici les codes : http://jsfiddle.net/FJAYk/4/ je ne vois pas pourquoi cela ne fonctionne pas.
<input class="Hdr_nav_search_input" />
<div class="Hdr_nav_search_box" /><span>search for location....</span><i>for example: blah blah</i></div>
-
.Hdr_nav_search_box{
padding: 0 5px;
margin: 7.5px 0;
width:300px;
height: 25px;
background: white;
}
.Hdr_nav_search_input:focus .Hdr_nav_search_box{
color: #d4d4d4;
}
.Hdr_nav_search_box span,.Hdr_nav_search_box i{
line-height: 25px;
color: gray;
}
.Hdr_nav_search_input{
padding: 0 5px;
margin: 7.5px 0;
border: 0;
z-index: 2;
position: absolute;
width:300px;
height: 25px;
background: transparent;
}
Je pense que vous vous êtes liés à un mauvais violon.
Désolé et merci à vous, j'ai mis à jour le lien.
Désolé et merci à vous, j'ai mis à jour le lien.
OriginalL'auteur Sami | 2013-03-31
Vous devez vous connecter pour publier un commentaire.
Il y avait quelques problèmes avec vos styles. Tout d'abord le sélecteur de cibler la zone n'est pas tout à fait droit.
Qui est de l'application de la sélection de tous les
.Hdr_nav_search_box
où ils sont un descendant de.Hdr_nav_search_input
. C'est en fait un frère ou une sœur si vous souhaitez utiliser le frère suivant sélecteur de+
:Deuxièmement ce sélecteur serait primordial de votre changement de couleur si elle travaillait.
Vous pouvez utiliser simplement
Voici une démo et le style de changements que j'ai faits pour le faire fonctionner.
jsFiddle
OriginalL'auteur Daniel Imms