Cambiar color al pasar mouse por <optio> con css
Publicado por Bartholomew (2 intervenciones) el 08/11/2016 01:06:36
Hola a todos Es posible cambiar el color azul que sale cuando se pasa el mouse en las opciones de un select solo con css? ya lo intente con algunas lineas pero no me sale
pongo mi codigo html:
y mi codigo CSS:
pongo mi codigo html:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html lang="es">
<head>
<title>Titulo de la web</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
<select class="con_estilos">
<option>Primera opcion</option>
<option>Segunda opcion</option>
</select>
</body>
</html>
y mi codigo CSS:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.con_estilos {
width: 150px;padding: 5px;font-size: 16px;
border: 1px solid #ccc;
height: 34px;background-color:#2ecc71;
border-radius: 10px;
}select:focus{ outline: none;}
option:hover{
color:#E74C3C;
background-color: #E74C3C;
}a:hover {
background-color: #E74C3C;
}Valora esta pregunta
0
