e qualquer forma, um rótulo responde a: focus CSS
Existe alguma maneira de uma etiqueta responder ao foco. Eu tenho algum código em que o campo de texto tem um estilo diferente em foco. No entanto, o rótulo também precisa de um estilo um pouco diferente. Eu tentei isso, mas não afetou o rótul
#header .search label {
background:url(http://www.golfbrowser.com/images/icons/search.png) left top no-repeat;
padding-left:20px;
height:20px;
float:right;
}
#header .search label:focus {
background:url(http://www.golfbrowser.com/images/icons/search-z.png) left top no-repeat;
padding-left:20px;
height:20px;
float:right;
}
#header .search input {
padding:0px;
border:0px;
width:140px;
height:20px;
float:left;
padding-right:10px;
background:url(http://www.golfbrowser.com/images/icons/searchbar.png) right top no-repeat;
}
#header .search input:focus {
padding:0px;
width:190px;
height:20px;
float:left;
padding-right:10px;
background:url(http://www.golfbrowser.com/images/icons/searchbar-z.png) right top no-repeat;
}
A etiqueta contém uma imagem e a outra parte de um canto redondo e também deve mudar de cor para que o campo pareça corret
Alguma ideia
Maravilhos