2011-03-27 17 views
175

Estoy usando CSS para dar estilo a los botones de entrada en mi sitio web, pero en los dispositivos IOS el estilo es reemplazado por los botones predeterminados de Mac. ¿Hay alguna forma de crear botones para iOS o una forma de crear un hipervínculo que se comporte como un botón de envío?Botones de entrada de estilo para iPad y iPhone

Respuesta

448

Usted puede estar buscando

-webkit-appearance: none; 
+10

+1, buen hallazgo, no había encontrado esa opción antes :) –

+0

Todavía hay una diferencia en el botón presionar /: estilo activo, ¿verdad? ¿Ignora tus estilos y aplica una superposición gris semitransparente? –

+6

Si está usando SCSS, use '@include experimental (apariencia, ninguna);' –

7

Hace poco encontré con este problema por mí mismo.

<!--Instead of using input--> 
<input type="submit"/> 
<!--Use button--> 
<button type="submit"> 
<!--You can then attach your custom CSS to the button--> 

Hope that helps.

+3

Eso todavía no me permite cambiar la altura de un botón. Es curioso, sin embargo, tan pronto como le doy al botón un ancho personalizado, también se toma en cuenta la altura personalizada. – flu

4

Por favor, añadir el código CSS

input { 
-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none; 
} 
0

webkit-apariencia: ninguno;

Nota: utilice el programa de arranque para darle estilo a un botón. Es común para responder.

Cuestiones relacionadas