Remove search magnifying glass on webkit

Navigation
2

How to remove this blue magnifying glass that appears in the OPERA and Chrome browsers?

I'vetried-webkit-appearance:nonebutnothinghappens.

.searchinput[type="search"] {
width: 170px; 
height: 27px; 
background: #fff url('images/search.png') no-repeat left; 
border: 2px #5473b9; 
border-radius:  5px; 
color: #000; 
padding-left: 20px;  
-webkit-appearance: none;
}
    
asked by anonymous 24.07.2014 / 20:43

1 answer

1

Reset to input[type=search]

CSS 

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

input[type=search] {
  -webkit-appearance:textfield;
  -webkit-box-sizing:content-box;
}

You can see the result in DEMO

Source: Link

    
24.07.2014 / 20:53
Passing different object types to a TableModel Custom CellRender from JList