css - Chrome で明らかに削除できない input type="search" 境界線を削除する方法

Question

私はかなりのことを試しました...しかし、境界線は消えません. type="search" を type="text" に置き換えれば問題なく動作しますが、それが私に求められていることではないことを願っています。

私はそれを殺そうとしています

input{
    background:transparent;
    border:0;
    border-color:transparent;
    outline:none;
    width:150px;
}

しかし、それらのどれも仕事をしていないようです。

何か案は？

score 12 · Accepted Answer

どうやらWebkitには検索入力フィールドのカスタムスタイルがあります。あなたはそれを直接取り除き、そしてあなた自身の境界線を適用することができます。ここで削除して、赤い境界線を付けました。

input{
  -webkit-appearance: none;
  border: 1px solid red;
}

私はこれをChromeでしか見ていません。

score 4 · Accepted Answer

試してみてください

-webkit-appearance: none;

score 0 · Accepted Answer

0

これを試して：

input:focus {
    outline: none;
}

于 2012-06-03T23:49:41.723 に答える

score 0 · Accepted Answer

0

忘れないで-webkit-user-select: none;

于 2013-03-22T18:58:06.450 に答える

4 に答える 4