html - クロムの境界線の問題

Question

フォームフィールドで border-radius を使用しました。それは正常に動作します。しかし、クロムはフィールドの周りに何行か表示されます。フィドルを参照してください。

私を助けてください。

score 2 · Accepted Answer

オレンジ色のハイライトのことですか？その場合は、次のスタイルを追加します。

outline:none;

score 1 · Accepted Answer

オレンジ色のアウトラインは、ユーザーがクリックしたものにユーザーの注意を向けさせる Chrome の方法です。前に述べたように、これを取り除く最善の方法outline:none;は CSS です。

それが役立つことを願っています。

score 1 · Accepted Answer

ユーザーが入力に集中すると、Chrome は黄色/オレンジ色のアウトラインを追加します。次のように削除します。

input:focus
{
    outline: none;
}

score -1 · Accepted Answer

おそらくこれは WebKit の単なるバグです。で問題が発生する WebKit には、多くの既知の問題がありますborder-radius。

バグがすでにバグリストに追加されているかどうかを確認できます。

アップデート

jezternz が指摘したように、style属性を使用してこれを回避できます。selectまたは、要素の周りにラッパーを追加して、その上でスタイリングを行うこともできます。

4 に答える 4