Geek asks and answers

How to remove visible fixed input type = "search" in Chrome

I tried very few things ... but the border just won't disappear. Works great if you replace type = "search" with type = "text", but I hope that is not what I should be doing.

I'm trying to kill him with

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

but none of them seem to be doing the job.

http://jsfiddle.net/Kf9Mu/

Any ideas?

+5
source share
4 answers

Webkit obviously has its own style for search input fields. You can get rid of it and then apply your own boundaries. I deleted it here and gave it a red frame.

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

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

I only considered this in Chrome.

+12
source

:

input:focus {
    outline: none;
}
0

-webkit-user-select: none;

0
source

More articles:


All Articles