削除方法は、Firefoxの点概要にボタンなどのリンク?

https://stackoverflow.com/questions/71074

css
firefox

09-06-2019
|

質問

を行うものでFirefoxを表示しないにくい点目輪郭上の リンク この:

a:focus { 
    outline: none; 
}

ものする方法を教えてくださいこ <button> タグでも見ることができますか？私はこの:

button:focus { 
    outline: none; 
}

ボタンが点在する集概要の時にクリックします。

（はい、ごきげんよう、トメ子ですユーザビリティの問題にいつづけたいと思っていますを提供し、自分の心のヒントを適切にデザインの代わりにくいグレーのドット)

解決

button::-moz-focus-inner {
  border: 0;
}

他のヒント

な定義するセレクタをクローズします。

:focus {outline:none;}
::-moz-focus-inner {border:0;}

しかし、これに違反するアクセスイベントでは、W3C.その概要はあるのを助けられるようになりたい"を旨とキーボードの

https://www.w3.org/TR/WCAG20-TECHS/F78.html#F78-examples

表示する場合はCSSを利用く点概要：

/*for FireFox*/
    input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner
    {   
        border : 0px;
    } 
/*for IE8 */
    input[type="submit"]:focus, input[type="button"]:focus
    {     
        outline : none; 
    }

以下の手がほとんど無かった場合のリンクの考えを共有できる場合が誰かは興味がありました。

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}

感謝！

:focus, :active {
    outline: 0;
    border: 0;
}

[更新]このソリューションは動作しない。ソリューションを勤めたこの一 https://stackoverflow.com/a/3844452/925560

その答え、正しく動作しなかったFirefox24.0.

除Firefoxの点概要にボタンおよびアンカータグに加え、以下のコード:

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

の見解はこちら http://aghoshb.com/articles/css-how-to-remove-firefoxs-dotted-outline-on-buttons-and-anchor-tags.html

たものの答えがここられましたが、いずれも勤めました。がっていく青色の概要にボタンはChromeやっぱり、そのものには幾つかの原因があります。青を抜くの国境からcssカスタムターボタンのクローム

このコードたってFirefoxバージョンは30Windows7です。そも他人もコメントありがとうございます)

button:focus {outline:0 !important;}

が除去これらの点に注目Firefoxを使用。

アクセスできる場合は、コンピュータがwebapplication作品は、about:config"とFirefoxの設定 browser.display.focus_ring_width 0です。そしてFirefoxな示が点在しえます。

以下のバグを説明するトピック： https://bugzilla.mozilla.org/show_bug.cgi?id=74225

り多様なソリューションにwebページのため、多くの作品にも力をこのようにもできるイ/フォーカスを一度利用の

::-moz-focus-inner, :active, :focus {
    outline:none;
    border:0;
    -moz-outline-style: none;
}

こばれるようになると少し余分なセキュリティ-シールします。

試Firefoxの46クローム49用のコードです。

input:focus, textarea:focus, button:focus {
    outline: none !important;
}

前 (白のドットが見える)

後 (白のドットが見えないという

したい場合だけに適用する関数の入力欄ボタン等使用により特定のコードです。

input[type=text] {
  outline: none !important;
}

嬉しい符号化!!

ほとんどの場合を添加することなく !important CSS codeいます。

なので、忘れずに追加 `!important`

a, a:active, a:focus{
    outline: none !important; /* Works in Firefox, Chrome, IE8 and above */
}

その他コード：

button::-moz-focus-inner {
  border: 0 !important;
}

単に追加しますcssのための選択ボックス

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

これは細かい作業でした。

このように見え、これを実現する設定

browser.display.focus_ring_width = 0

にabout:configたブラウザベース。

button::-moz-focus-inner { border: 0; }

場所 button でもCSSセレクタにするを無効にします。

するための強化のようです。

button::-moz-focus-inner {border: 2px solid transparent;}

button:focus::-moz-focus-inner {border-color: blue}

と思いきっかやっているの焦点概要、できるので嬉しいキーボードナビゲーションやアクセシビリティーに関す

必要な場合はそのための設計上の問題を追加 :focus 状態のボタンと置き換えることその他のvisual cueのように、国境を明るい色があります。

していたこともにする必要があると感じているという迷惑概要、でもいつも備えて代替ォvisual cue.

やないをご利用 blur() jsます。をご利用 ::-moz-focus-inner 疑似クラスです。

Remove点から、リンクボタン入力要素です。

a:focus, a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

また国境のボタンやダイアロ点の概要Firefox なしの除去には国境があり、したがって、それのイベントの幅は、ボタン)を使用でき

.button::-moz-focus-inner {
    border-color: transparent;
}

CSS以下のコードを除去するこ

a:focus, a:active, 
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline : 0;
}

この範囲で制御:

:focus {
    outline:none;
}
::-moz-focus-inner {
    border:0;
}
input[type=range]::-moz-focus-outer {
    border: 0;
}

： Remove点概要から範囲を入力要素Firefox

試すことができ button::-moz-focus-inner {border: 0px solid transparent;} おCSS.

この作品はfirefox v-27.0

 .buttonClassName:focus {
  outline:none;
}

るようにして、多くのオプションからの上限は以下の勤務しました。

*:focus, *:visited, *:active, *:hover  { outline:0 !important;}
*::-moz-focus-inner {border:0;}

とブートストラップ3を使ってこのコードです。第二のルールだけで 元に戻す どのブートストラップはフォーカス/アクティブボタン：

button::-moz-focus-inner {
  border: 0;    /*removes dotted lines around buttons*/
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{
  outline:0;
}

お客様のカスタムcssファイルは後のブートストラップcssファイルhtmlのコードをオーバーライドします。

組織っぽい !重要

button::-moz-focus-inner {
 border: 0 !important;
}

ライセンス： CC-BY-SA と帰属

所属していません StackOverflow

削除方法は、Firefoxの点概要にボタンなどのリンク?

なので、忘れずに追加 !important

なので、忘れずに追加 `!important`