1

Buenas quiero quitar el estilo predeterminado de botones de internet explorer, he probado con -webkit-appearance:inherit; y none pero ambos funcionando en chrome mozilla y safari en explorer no me acaban de funcionar adjunto fotos para ver diferencia.

Quiero quitar los estilos de los botones y dropdown menus de una pagina wordpress usé esto:

tengo puesto

-moz-appearance:inherit; -o-appearance:inherit;
 -ms-appearance:inherit;
 appearance:inherit;
 -webkit-appearance:inherit;

Y aún así en Internet Explorer no funciona. Me funciona en Opera, Firefox y Chrome. ¿Alguna idea?

7
  • 3
    ¿Puedes poner código en lugar de imágenes?. El prefijo -webkit es para navegadores basados en ese motor, internet explorer no usa webkit.
    – user7176
    Commented el 17 jul. 2017 a las 10:08
  • 2
    -webkit es el prefijo para navegadores basados en webkit, que no es el caso. Inténtalo usando -ms-appearance
    – Muriano
    Commented el 17 jul. 2017 a las 10:08
  • Parece que en IE no funciona, en Edge sí pero extrañamente usa el prefijo -webkit en lugar de -ms, segun caniuse: Microsoft Edge and IE Mobile support this property with the -webkit- prefix, rather than -ms- for interop reasons.
    – user7176
    Commented el 17 jul. 2017 a las 11:54
  • tengo puesto -moz-appearance:inherit; -o-appearance:inherit; -ms-appearance:inherit; appearance:inherit; -webkit-appearance:inherit; y aún así en internet explorer no funciona
    – Moisés
    Commented el 31 jul. 2017 a las 13:22
  • ¿Has visto el enlace de caniuse que puse? Esa propiedad no tiene soporte en IE
    – user7176
    Commented el 1 ago. 2017 a las 10:45

1 respuesta 1

1

A ver si esto te funciona:

input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  background: none;
  border: 0;
  color: inherit;
  /* cursor: default; */
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none; /* for button */
   -webkit-appearance: button; /* for input */
     -moz-user-select: none;
      -ms-user-select: none;
}
1
  • 1
    Por qué tu código resuelve el problema? Procura siempre explicar, al menos brevemente, cómo usar el código que propones.
    – Alfabravo
    Commented el 21 ago. 2020 a las 22:09

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.