html - 从搜索框中删除默认阴影

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: 0 0 0 0;”但这也不管用。我怎样才能去除阴影？提前谢谢你。

Answer 1

更新:不要这样做。大纲有利于辅助功能。

尝试大纲:0。我认为您也可能只是指默认边框。尝试将边框更新为所需的任何内容，例如 1px solid black

http://jsfiddle.net/smZPy/