html - クロム入力の境界線が不明です

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;
}  ​

デモ。