86

だから私はクロムでhtml5を使用しているテキスト入力を持っています。テキスト入力の外観を変更したいのですが、フォーカスのアウトライン（クロムのオレンジ）を削除しました。背景を明るい色に設定しました#f1f1f1が、今背景色に変化がない場合、これは起こりません。どうすれば削除できますか? 申し訳ありませんが、携帯端末では画像を提供できません。

これは chrome で発生します。つまり、Firefox は他のものをテストできません。

4

9 に答える 9

147

border-style:solid;スタイルを上書きしますinset。それはあなたが尋ねたものです。

border:none境界線をすべて一緒に削除します。

border-width:1px背景が変わる前のように設定します。

border:1px solid #ccccccより具体的で、幅、スタイル、色の3つすべてを適用します。

例：https ：//jsbin.com/quleh/2/edit？html、output

于 2012-10-09T01:28:50.123 に答える
29

現在、どのソリューションも機能していません。これが私の解決策です。プレフィックスを追加できます。

box-shadow: inset 0px 0px 0px 0px red;
于 2015-11-22T01:43:08.707 に答える
19

ボーダーを追加border: noneまたはborder: 0削除するか、border: 1px solid #cccボーダーを細く平らにします。

Firefox でゴースト パディングを削除するには、次を使用できます::-moz-focus-inner。

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

ライブデモをご覧ください。

于 2012-10-09T01:24:28.483 に答える
12

border: 1px solid blackすべての辺を等しくし、あらゆる種類のカスタム境界線（実線以外）を削除するように設定します。また、box-shadow: none適用されているはめ込みシャドウを削除するように設定します。

于 2012-10-09T01:27:11.253 に答える