Introduction

ブログ内検索

  • このサイトの記事を検索 by Google

おすすめの一冊!

無料ブログはココログ

« ぐりもんのクロスドメイン JSONP | トップページ | 「みゃくらったー」を公開します »

2010-05-06

Firefox の button の点線囲い

GW はあっというまに終わってしまいましたね。

趣味で「みゃくらったー」という Web サービスを作っているのですが、
時間の過ぎるのが早いこと早いこと。朝からプログラミングしていて
気がつけば日付が変わっていた、なんてことも・・・・




で、Web サイトを作成するのに普段は Google Chrome を愛用しているのですが、
気まぐれに Firefox で動作確認してみたところ、button 要素をクリックしたときに
点線囲いが表示されてしまって、ちょっとカッコ悪い・・・↓


    SS


さっそくググってみると、CSS で "outline: none" を指定すればよい、
という話がたくさんヒットしました。しかし、試してみると、効果ナシ・・・

さらにググってみると、Firefox 独自の妙な指定があることが判明。
試してみると点線囲いがあっさり消えてくれました♪


button::-moz-focus-inner {
	border-style:		none;
}
ちなみに、outline 指定は要らないみたいです。 こんな謎な指定が必要というのも、ちょっと困りますねー

« ぐりもんのクロスドメイン JSONP | トップページ | 「みゃくらったー」を公開します »