Sostituisci twitter bootstrap Textbox Glow and Shadows

Voglio rimuovere il bagliore blu della casella di testo e il bordo, ma non so come sovrascrivere nessuno dei js o del css di esso, controlla qui

MODIFICA 1

Voglio farlo perché sto usando il plugin jquery Tag-it e sto usando anche twitter bootstrap, il plugin usa un campo di testo nascosto per aggiungere i tag, ma quando sto usando twitter bootstrap appare come una textbox con bagliore all’interno di un textbox che è un po ‘strano

 .simplebox { outline: none; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; } 

È anche ansible sostituire l’impostazione Bootstrap predefinita per utilizzare i propri colors

 textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } 
 input.simplebox:focus { border: solid 1px #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: none; -moz-transition: none; -webkit-transition: none; } 

imposta sullo stile unfocused bootstrap

Dopo aver fatto alcuni scavi, penso che l’abbiano cambiato nell’ultimo bootstrap. Il codice seguente ha funzionato per me, la sua casella non semplice il suo controllo di forma che stavo usando causava il problema.

 input.form-control,input.form-control:focus { border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-transition: none; -webkit-transition: none; } 

se pensi di non poter gestire la class css, aggiungi semplicemente lo stile al campo di testo

  

questo rimuoverà il bordo e l’ombra blu del fuoco.

 input.simplebox,input.simplebox:focus { border:none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -moz-transition: none; -webkit-transition: none; } 

http://jsfiddle.net/pE5mQ/64/

Vai a Personalizza Bootstrap , cerca @ input-border-focus, inserisci il codice colore desiderato, scorri verso il basso e fai clic su “Compila e scarica”.

Su bootstrap 3 c’è un piccolo shodow su ios, che potrebbe essere rimosso con questo:

 input[type="text"], input[type="email"], input[type="search"], input[type="password"] { -webkit-appearance: caret; -moz-appearance: caret; /* mobile firefox too! */ } 

Ho capito da qui

I prefissi dei fornitori non sono necessari a questo punto, a meno che tu non stia supportando i browser legacy e potresti semplificare i selettori facendo semplicemente riferimento a tutti gli input anziché a ciascuno dei singoli tipi.

 input:focus, textarea:focus, select:focus { outline: 0; box-shadow: none; }