CONSTRUCTION-STOVE2   工事費 ガスコンロ オーブン N-265 かくはん式ポータブル精米機 酒燗器

サイト構築 -CSS

Post on:2010年12月7日

sponsors

Firefoxで、フォームのボタン(submit, button)のクリック時に表示される点線を消去するスタイルシートを紹介します。

Remove Dotted Outline For Buttons in Firefox Using CSS
デモページ(当方作成)

この中途半端な点線はFirefox固有のもので、Chrome, Safari, Operaでは表示されず ABL04806 モービルアルミブレゼール、IEではボタンの内側に表示されるものです。

CONSTRUCTION-STOVE2   工事費 ガスコンロ オーブン N-265 かくはん式ポータブル精米機 酒燗器

CONSTRUCTION-STOVE2   工事費 ガスコンロ オーブン N-265 かくはん式ポータブル精米機 酒燗器

シンプルにsubmitボタンを使用します。

<input type="submit" />

デモページ(当方作成)

クリック時に中途半端な点線が表示されています。

CSS:outline:none;

「outline」を試してみます。

input{
outline:none;
}

デモページ(当方作成)

Firefoxで試したところ、点線の表示に変化はありませんでした。ただし、IE8で内側の点線を消去することができます。

CSS:border :0px;

「border」を試してみます。

input{
border :0px;
}

デモページ(当方作成)

点線が消えないどころか、デザインが変わってしまいました。

CSS:border:0px;(focus-inner)

「border」を「focus-inner」で使用してみます。

input[type="submit"]::-moz-focus-inner{
border :0px;
}

デモページ(当方作成)

Firefoxで期待通りに点線の表示が消えました。

sponsors

sponsors

Related Posts

関連記事が見つかりませんでした。

top of page

Sponsors

当サイトの広告掲載について

Recnet Entry

Pickup Entry

Recommend

Links

top of page

Category

Blog Info

©2017 coliss
{yahoojp}yh01-myp01-gui-zd-1930