从搜索框中删除默认阴影

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/