Así que tengo una entrada de texto, im usando html5, chrome, y quiero cambiar el aspecto de un texto de entrada, me he quitado el esquema de enfoque (en naranja en chrome), I establecer el fondo a un color de la luz #f1f1f1 pero ahora hay como un grueso borde en la parte superior y en el lado izquierdo, como se quiere mirar de empujar, cuando no hay cambio en el color de fondo de que esto no suceda. ¿Cómo puedo eliminarlo? Lo siento, no puede proporcionar una imagen, en un dispositivo móvil.

Sucede en chrome, ie y Firefox, no puede probar cualquiera de los demás.

InformationsquelleAutor FabianCook | 2012-10-09

7 Comentarios

  1. 111

    border-style:solid; anulará la inset estilo. Que es lo que usted pidió.

    border:none va a quitar la frontera todos juntos.

    border-width:1px se puso a ser como antes de que el cambio de fondo.

    border:1px solid #cccccc es más específico y se aplica a todos los tres, el ancho, el estilo y el color.

    Ejemplo: https://jsbin.com/quleh/2/edit?html salida

    • La primera línea, border-style: solid, es la mejor respuesta a esta pregunta.
    • border-style: none fue la respuesta es que estaba buscando
  2. 23

    Ninguno de la solución están trabajando en la actualidad.
    Aquí está mi solución. Usted puede agregar prefijos.

    box-shadow: inset 0px 0px 0px 0px red;
    • Esta es la buena para chrome
  3. 17

    Agregar border: none o border: 0 para quitar la frontera en absoluto, o border: 1px solid #ccc para hacer de la frontera delgada y plana.

    Para eliminar el fantasma de relleno en Firefox, puede utilizar ::-moz-focus-inner:

    ::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

    Ver demostración en vivo.

    • Cuando hago esto no tiene borde, sí, pero cuando me puse el borde de 1px y establezca el color negro sólo dos lados se establecen. El otro es blanco.
  4. 10

    Conjunto border: 1px solid black para que todos los lados iguales y de quitar cualquier tipo de borde personalizado (aparte de sólidos).
    Además, el conjunto box-shadow: none para eliminar cualquier margen de la sombra aplicada.

    • Si me puse la frontera a cualquier otro color, digamos #eee, sólo dos lados están todavía en proceso
    • Mira mi actualización. Puede que necesite cambiar el estilo de borde y el tamaño también, a solid y 1px.
    • Gracias. Yo basado en la mina de los suyos para sí.
    • box-shadow fue lo que hizo que la solución de trabajo para mí, no hay otras soluciones tenido este bit.
  5. 0

    Estoy trabajando en firefox. y yo estaba teniendo el mismo problema, el tipo de entrada de texto se auto define algo que se parece a boxshadow margen, pero no lo es.
    el que se quiere cambiar es la frontera… sólo la creación de border:0; y listo.

Dejar respuesta

Please enter your comment!
Please enter your name here