CSS - boton iPhone

 
Vista:
sin imagen de perfil

boton iPhone

Publicado por Hugo (7 intervenciones) el 13/10/2022 11:28:36
Hola, buen día.

Estoy teniendo un problema con la visualizaciión de los botones en dispositivos iPhone ya que no me respeta el padiding del mismo y se visualiza como un botón chato.

Si alguien me puede ayudar lo agradezco, ya que le doy vueltas y no encuentro como resolverlo.
Copio el código:

]html:[/b

1
2
3
<div class="boton">
						    <input type="submit" value="Ingresar" name="ingresar" class="ingresar">
						</div><br><br>
[b]css:


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.ingresar{
	width:28%;
	height:10%;
	color:white;
	font-family: OpenSans;
	font-size:22px;
	background-color:#0B16BB;
	border:20px;
	border-radius:20px;
	padding:6px;
}
 
@media screen and (max-width:768px){
.ingresar{
    -webkit-appearance-:none;
    -webkit-border-radius:0;
    font-size:18px;
	width:50%;
	padding:10px;
 
}
}
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
sin imagen de perfil

boton iPhone

Publicado por Hugo (7 intervenciones) el 13/10/2022 13:13:56
Estimados, lo he resuelto, en -webkit-appearance-:none; tengo un guión al final de appearance que no va.

Lo pongo por si a alguien más le sucede este despiste.

Saludos.
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