style hacer elegantes ejemplos ejemplo color clic cambiar botones boton atributo active css firefox button input

css - hacer - Cómo restablecer el estilo de botón predeterminado en Firefox 4+



style html ejemplos (4)

De hecho, encontré la solución yo mismo.

En su campo url escriba: resource://gre-resources/forms.css - esto abrirá forms.css para FF4 - y buscará el siguiente selector

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner

Ahora solo ponga eso en su hoja de estilo principal como:

button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border:0;padding:0;margin:0;}

Ya no debería estar anulando tu CSS. También tenga en cuenta que si no ha definido ningún estilo de fuente para sus entradas, FF no heredará el estilo de la fuente del cuerpo.

En Firefox 3.6 puede usar ::-moz-focus-inner {border:0;padding:0;margin:0;} para eliminar los márgenes predeterminados y forms.css agregados.

¿Cómo puedo restablecer esto en Firefox 4? He estado buscando cualquier archivo .css dentro del directorio de instalación que podría agregar estilos a mi botón pero no puedo encontrar ninguno para ff4 - el botón sigue obteniendo ese relleno superior molesto de 1px que no permitirá que el texto se alinee con la vertical medio.

http://easwee.net/other/FF_problem.gif

EDITAR: uso una hoja de estilo de reinicio por lo que no es necesario restablecer los estilos. Es una hoja de estilo del navegador que está jugando aquí.

Twitter Bootstrap lo hace así en su reset.less (que es una versión más barebones de normalize.css ):

button::-moz-focus-inner, input::-moz-focus-inner { // Inner padding and border oddities in FF3/4 padding: 0; border: 0; }

Como un aparte, Bootstrap''s reset.less es probablemente una solución más confiable y perenne para lograr la reset.less cruzada de navegador que mantener sus propias reglas. Es mucho más completo que el reset.css de Meyer, pero es más minimalista que normalize.css .

intente configurar sus valores como indefinidos ( border:undefined etc.). no estoy seguro aquí, pero funcionó para mí cuando tuve un problema similar.