Question

我的搜索输入带有奇怪的边框。我已经尝试删除轮廓，阴影，焦点和：活动样式，但没有结果。

这只发生在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;
}

DEMO.

chrome输入中的未知边框

1 个答案: