Buenas noches,
tengo un problema y es que tengo un texto con <span> que con CSS le digo que al momento de pasar el cursor por encima este cambie de color, el problema es que si yo paso el mouse fuera del texto pero en la misma linea de igual forma lo toma como una acción valida.
Por ejemplo:
|Mi texto| <= <span>
Correcto, las dos | | representan el alcance del :hover ahora mi problema es este
|Mi texto | <= <span>
Como pueden ver hay un gran espacio a la derecha que al momento de pasar el cursor en ese espacio vacío, css lo va a tomar como si igual haya hecho hover.
tengo un problema y es que tengo un texto con <span> que con CSS le digo que al momento de pasar el cursor por encima este cambie de color, el problema es que si yo paso el mouse fuera del texto pero en la misma linea de igual forma lo toma como una acción valida.
Por ejemplo:
|Mi texto| <= <span>
Correcto, las dos | | representan el alcance del :hover ahora mi problema es este
|Mi texto | <= <span>
Como pueden ver hay un gran espacio a la derecha que al momento de pasar el cursor en ese espacio vacío, css lo va a tomar como si igual haya hecho hover.
Código (html) [Seleccionar]
<span class="ticket_name">Texto</span>
Código (css) [Seleccionar]
.ticket_name {
display: block;
color: #999;
font-size: 15px;
font-weight: bold;
margin-top: 5px;
cursor: pointer;
}
.ticket_name:hover {
color: #00ff00;
}