0

なぜGoogle Chromeでこれが起こっているのか誰か教えてもらえますか? http://jsfiddle.net/webtiago/D2jLr/

アウトラインとは何かの外側にある線のことですよね?入力に集中すると、アウトラインが「インライン」になります。そうじゃないはず?これは、私が取り組んでいるいくつかのプロジェクトで起こっています。Chrome 19.0.1084.52 m を使用しています。

何か助けはありますか?

4

3 に答える 3

1

クロムoutline-offsetはフォーカス時に (アウトラインの位置を制御します) 変更します。

使用するだけoutline: 1px solid blue; outline-offset: 0;で、思い通りに機能します。

于 2012-06-04T21:59:31.790 に答える
1

それはちょうどそのように見えます。これを試して、線を太くしました。アウトラインはまだ外側にあります。

1px で移動するのは単なる Chrome のバグのようです。フォーカス時に境界線と輪郭の色を切り替えることで回避できます。

input:focus { border: 1px solid red; outline: 1px solid orange;}

1px 単位で移動しますが、少なくとも色の順序は維持されます。

于 2012-06-04T21:25:55.673 に答える
-1

Chrome のアウトライン ボーダーは、入力のボーダーよりもわずかに太いため、内側にあるように見えます。これが面倒な場合は、次の方法で chrome のアウトラインをオフにすることができます。

outline:none;

デモ http://jsfiddle.net/D2jLr/2/

于 2012-06-04T21:35:19.687 に答える