ChromeやOperaなど一部のブラウザでは、フォーカスのあるテキスト入力欄(＝カーソルの入った状態の編集領域)に独自の枠線を加えて描画します。テキストエリアの枠線を独自にデザインしているページでは、この仕様はちょっと邪魔です。なぜなら、独自デザインの枠線の外側に、ブラウザ側がさらに枠線を加えてしまって、枠が二重に見えてしまうからです。特にテキスト入力欄を角丸にしていると、見た目がおかしくなります。そんなときには、ブラウザ側が独自の枠線を付加しないようCSSで指定しておけば解決します。
↧