Come rimuovere il tipo di input apparentemente non rimovibile = "cerca" in Chrome

Question

Ho provato un bel po 'di roba ... ma il bordo non andrà via. Funziona bene se dovessi sostituire type = "search" con type = "text", ma spero che non sia quello che devo fare.

che sto cercando di uccidere con

input{ 
    background:transparent; 
    border:0; 
    border-color:transparent; 
    outline:none; 
    width:150px; 
}​ 

ma nessuno di loro sembrano fare il lavoro.

http://jsfiddle.net/Kf9Mu/

Tutte le idee?

Answer 1

Apparentemente Webkit ha uno stile personalizzato per i campi di input di ricerca. Puoi sbarazzartene direttamente e poi applicare i tuoi confini. L'ho rimosso qui e gli ho dato un bordo rosso.

input{ 
    -webkit-appearance: none; 
    border: 1px solid red; 
}​ 

http://jsfiddle.net/Kf9Mu/7/

Ho guardato solo a questo in Chrome.

Answer 2

Si dovrebbe cercare

-webkit-appearance: none; 

anche vedere http://37signals.com/svn/posts/2609-customizing-web-forms-with-css3-and-webkit

Answer 3

Prova questa:

input:focus { 
    outline: none; 
} 

Answer 4

dont't dimenticare -webkit-user-select: none;