ほりくり@ほりでぃWebクリエーター

chromeでテキストボックス選択時に罫線が表示される。

投稿日:2013年7月30日

inputタグのテキストボックスの罫線はborderでスタイルを変更することができる。
しかし、GoogleChromeで表示した場合、フォーカス時にborderとは別に罫線が表示されてしまう。


borderをカスタマイズしてinputテキストボックス。
chrome_focus1

フォーカス時には別の線が表示される。
chrome_focus2

これはborderとは別のスタイル『outline』で指定できます。

outlinenoneを指定することで
フォーカス時の縁取りを消すことができます。