html - chrome输入中的未知边框

Question

我有一个带有奇怪边框的搜索输入。我已经尝试删除轮廓、阴影、:focus 和 :active 样式，但没有得到任何结果。

这只发生在 Chrome 上。在 Firefox 和 Safari 上，边框不存在。

这是一个屏幕截图 - http://d.pr/i/yPNo - 这是我正在使用的代码 - http://jsfiddle.net/3CDcV/

Answer 1

干得好

input[type="search"]{
    border-radius:4px;
    -webkit-border-radius: 4px;
    height:25px;
    width:150px;
    background:#181818;
    border:1px solid #0e0e0e;
    padding-left:5px;
    color:#666;
    font-size:10px;
    -webkit-box-shadow:  1px 1px 0px 1px #202020;
    box-shadow:  1px 1px 0px 1px #202020;
    margin-left:5px;
    margin-right:5px;

    -moz-appearance:none;
   -webkit-appearance:none;
}  ​

演示。