なぜGoogle Chromeでこれが起こっているのか誰か教えてもらえますか? http://jsfiddle.net/webtiago/D2jLr/
アウトラインとは何かの外側にある線のことですよね?入力に集中すると、アウトラインが「インライン」になります。そうじゃないはず?これは、私が取り組んでいるいくつかのプロジェクトで起こっています。Chrome 19.0.1084.52 m を使用しています。
何か助けはありますか?
なぜGoogle Chromeでこれが起こっているのか誰か教えてもらえますか? http://jsfiddle.net/webtiago/D2jLr/
アウトラインとは何かの外側にある線のことですよね?入力に集中すると、アウトラインが「インライン」になります。そうじゃないはず?これは、私が取り組んでいるいくつかのプロジェクトで起こっています。Chrome 19.0.1084.52 m を使用しています。
何か助けはありますか?
クロムoutline-offset
はフォーカス時に (アウトラインの位置を制御します) 変更します。
使用するだけoutline: 1px solid blue; outline-offset: 0;
で、思い通りに機能します。
それはちょうどそのように見えます。これを試して、線を太くしました。アウトラインはまだ外側にあります。
1px で移動するのは単なる Chrome のバグのようです。フォーカス時に境界線と輪郭の色を切り替えることで回避できます。
input:focus { border: 1px solid red; outline: 1px solid orange;}
1px 単位で移動しますが、少なくとも色の順序は維持されます。
Chrome のアウトライン ボーダーは、入力のボーダーよりもわずかに太いため、内側にあるように見えます。これが面倒な場合は、次の方法で chrome のアウトラインをオフにすることができます。
outline:none;