7

SOに関する同様の質問にはかなりの答えがあることは知っていますが、どれも私にはうまくいかないようです。問題は、Linux（Windowsは問題ありません）上のFirefoxでのみ、フォーカスされたときに無線入力の輪郭がオレンジ色になることです。このアウトラインは、入力が次の要素内に配置されている場合はバグがありますoverflow: hidden。 オーバーフローを非表示にして要素内に配置すると、バグのあるアウトラインが表示されます

<div style="width: 100px; margin: 30px auto; overflow: hidden;">
    <label><input type="radio" name="some_radio">radio 1</label>
    <br>
    <label><input type="radio" name="some_radio">radio 2</label>
</div>

では、どうすればそのアウトラインを取り除くことができますか、誰か助けてもらえますか？試しましたがinput::-moz-focus-inner、うまくいきませ::-moz-focusringんでした。

これがjsFiddleですが、Linuxを使用している場合にのみ問題が発生します。

4

3 に答える 3

8

それはあなたのGTKテーマによって描かれています。

GTKテーマの使用を完全にオフにすることはできますが、-moz-appearance: none使用するテーマの一部を選択することはできません。テーマインフラストラクチャでは実際にはそれが許可されていません。

于 2012-10-11T19:57:27.263 に答える
3

上記のコメントに加えて、FFで表示したときに表示されるものは次のとおりです。

ここに画像の説明を入力してください

SystemInfo->オペレーティングシステムに移動すると、OSから次のように表示されます（違いが生じる場合）

-Version-
Kernel      : Linux 3.2.0-23-generic (x86_64)
Compiled        : #36-Ubuntu SMP Tue Apr 10 20:39:51 UTC 2012
C Library       : Unknown
Default C Compiler      : GNU C Compiler version 4.6.3 (Ubuntu/Linaro 4.6.3-1ubuntu5) 
Distribution        : Linux Mint 13 Maya
-Current Session-
Computer Name       : enhzflep-VirtualBox
User Name       : enhzflep (*****)
Home Directory      : /home/enhzflep
Desktop Environment     : MATE
-Misc-
Uptime      : 57 minutes
Load Average        : 0.60, 0.52, 0.42
于 2012-10-11T13:13:58.820 に答える
2 
input, 
input:active,
 input:focus,
a:focus{ outline: 0; outline-style:none; outline-width:0; }


 button::-moz-focus-inner,
 input[type="reset"]::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner,
 input[type="submit"]::-moz-focus-inner,
 input[type="file"] > input[type="button"]::-moz-focus-inner,
a
 { border: none; }
于 2015-03-18T05:25:47.237 に答える