Firefoxでfloatとaリンクでクリック時に横に線が延びるのを消す方法


このエントリをはてなブックマークに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをBuzzurl(バザール)に追加このエントリをNifty Clipに追加このエントリをLivedoor Clipに追加

Firefoxでfloat&aタグの組み合わせではリンクをクリック時(a:active)に、横に点線が表示されてしまう。特に問題がないが、これを消すにはoutline:noneを指定してやれば良い。

ただし、この方法だと、クリック時に画像まわりの点線も消えてしまうので、デザイン上、どちらが良いか選択する必要あがる。
なお、どうしても画像まわりに点線を出して綺麗に表示したい場合は、widthとheightを指定し、overflow:hiddenかdisplay:noneとの組み合わせで表示させるのがベター。


このエントリをはてなブックマークに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをBuzzurl(バザール)に追加このエントリをNifty Clipに追加このエントリをLivedoor Clipに追加

タグ: ,

コメントをどうぞ