Удаление тени по умолчанию из окна поиска

Question

Я создал форму поиска:

<form> 
    <input type="search" class="search" placeholder="Search..."> 
</form> 

Кнопка поиска, кажется, есть какое-то по умолчанию внутренней тени, которую я хотел бы удалить. Вот как выглядит мой CSS:

form 
{ 
    float: right; 
} 

.search 
{ 
    box-shadow: none; 
    padding: 6px 14px 6px 30px; 
    margin-top: 16px; 
    background: url(../images/search.png) no-repeat 8px 6px; 
} 

«box-shadow: none;» не работает, я также попробовал «box-shadow: 0 0 0 0;» но это тоже не работает. Как удалить тень? Заранее спасибо.

Answer 1

Пробег: outline: 0. Я думаю, что вы также можете просто ссылаться на границу по умолчанию. Попробуйте обновить границы к тому, что желательно, например, как 1px solid black

http://jsfiddle.net/smZPy/