rimuovere ombra interna di testo di input

Quindi ho un input di testo, im utilizzando html5, su chrome, e ho voglia di cambiare il look di un testo di input, ho rimosso il profilo di messa a fuoco (arancione su chrome), ho impostato lo sfondo di un colore chiaro #f1f1f1 ma ora c’è come una spessa confine sui lati superiore e sinistro, come si vuole sembrare più spinto, quando non c’è il cambio di colore dello sfondo che questo non accada. Come faccio a rimuoverlo? Mi dispiace non posso fornire un quadro, su un dispositivo mobile.

Succede su chrome, ie e Firefox, non è possibile testare tutti gli altri.

InformationsquelleAutor FabianCook | 2012-10-09

 

7 Replies
  1. 111

    border-style:solid; avrà la precedenza il inset stile. Che è quello che hai chiesto.

    border:none sarà rimuovere il bordo tutti insieme.

    border-width:1px sarà impostato per essere un po ‘ come prima della modifica sfondo.

    border:1px solid #cccccc è più specifico e si applica a tutte e tre, la larghezza, lo stile e il colore.

    Esempio: https://jsbin.com/quleh/2/edit?html uscita

    • La prima linea, border-style: solid, è la migliore risposta a questa domanda.
    • border-style: none era la risposta è stata che cercano
  2. 24

    Nessuna soluzione sta lavorando attualmente.
    Ecco la mia soluzione. È possibile aggiungere prefissi.

    box-shadow: inset 0px 0px 0px 0px red;
    • Questo è il bene per chrome
  3. 17

    Aggiungere border: none o border: 0 per rimuovere il bordo, o border: 1px solid #ccc per rendere il confine sottile e piatto.

    Per rimuovere fantasma imbottitura in Firefox, è possibile utilizzare ::-moz-focus-inner:

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

    Vedere live demo.

    • Quando faccio questo non ha confine, sì, ma quando ho impostato il bordo di 1px e imposta il colore nero solo due lati sono impostati. L’altro è bianco.
  4. 10

    Set border: 1px solid black per rendere tutti i lati uguali e rimuovere qualsiasi tipo di bordo personalizzato (altro che solido).
    Inoltre, impostare box-shadow: none per rimuovere qualsiasi inserto ombra applicato.

    • Se ho impostato il confine a qualsiasi altro colore, permette di dire #eee, solo due squadre sono ancora in fase di
    • Guarda il mio aggiornamento. Potrebbe essere necessario cambiare il bordo di stile e dimensioni, per solid e 1px.
    • Grazie. Ho basato la miniera del vostro sì.
    • box-shadow è stato ciò che ha reso la soluzione di lavorare per me, altre soluzioni avuto questo bit.
  5. 0

    Sto lavorando su firefox. e ho avuto lo stesso problema, input di tipo testo sono auto definiti qualcosa sembra boxshadow margine, ma non è così.
    il che si desidera cambiare confine… solo l’impostazione border:0; e il gioco è fatto.

Lascia un commento