CSS - Problema con el :hover y el cursor: pointer

 
Vista:
sin imagen de perfil

Problema con el :hover y el cursor: pointer

Publicado por agustin (1 intervención) el 20/10/2019 06:03:15
Hola gente, hice un pop-up para mi página web y al poner el cursor arriba de la cruz(icono) este no cambia, ya probé con un botón pero tampoco funciona. Les dejo el código

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
.bg-modal{
	width: 150%;
	height: 150%;
	background-color: rgba(0, 0, 0, 0.0);
	position: absolute;
	top: -40%;
	display: flex;
	justify-content: center;
	align-items: center;
 
}
.modal-content {
	width: 400px;
	height: 100px;
	background-color: white;
	border-radius: 4px;
	text-align: center;
	padding: 20px;
	top: -13%;
	right: 16.5%;
 
}
.modal-content .btn-cerrar-popup{
	font-size: 16px;
	line-height: -10%;
	display: block;
	text-align: right;
	transition: .3s ease all;
	color: #BBBBBB;
}
.modal-content .btn-cerrar-popup:hover {
	color: #000;
 
}
.modal-content h3 {
	font-size: 15px;
	color: #54B927;
	display:block;
	border-radius: 0px;
	padding: -50%;
	right: 50px;
	margin-top: 1px;
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 427
Plata
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Problema con el :hover y el cursor: pointer

Publicado por joel (68 intervenciones) el 20/10/2019 11:47:06
Hola Agustin, viendo el estilo CSS únicamente te tendría que cambiar el color del texto al pasar el ratón por encima...

Nos puedes adjuntar el código HTML para poder probarlo?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar