Salve a tutti ho il seguente pèroblema:
Ho creato con i CSS un pulsante rettangolare di colore verde e con una scritta al centro, vorrei fare in modo che quando ci vado sopra con il mouse cambi colore e diventi bianco (lasciando la scritta invariata).
Ho provato ma se ci vado sopra con il mouse anzichè cambiare il colore di tutto lo sfondo mi cambia il colore solo intorno alla scritta.
Questo è il CSS per il pulsante:
.colmenu_l {
width: 240px;
background-color: #EAF3CB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #012650;
height: 27px;
font-weight: bold;
text-align: left;
margin-right: 0px;
line-height: 0px;
text-decoration: none;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-color: #BFD046;
border-right-color: #BFD046;
border-left-color: #BFD046;
vertical-align: middle;
padding-left: 2px;
padding-top: 6px;
padding-bottom: 6px;
}
E questo e il CSS per fare in modo che quando ci vado sopra mi cambi il colore di sfondo:
.colmenu_l p:hover {
width: 240px;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #012650;
height: 27px;
font-weight: bold;
text-align: left;
margin-right: 0px;
line-height: 0px;
text-decoration: none;
border-top-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-top-color: #BFD046;
border-left-color: #BFD046;
vertical-align: middle;
padding-left: 2px;
padding-top: 6px;
padding-bottom: 6px;
}
qualcuno può aiutarmi?
Grazie

Rispondi quotando