1

Firefox で iframe から点線のアウトラインを削除することは可能ですか?

CSS で Outline プロパティを設定しても機能しません。

HTML:

<iframe width="50" height="50"/>

CSS:

iframe { outline: 0 }

この問題を再現する jsfiddle を次に示します。http://jsfiddle.net/6sHkw/1/

編集

申し訳ありませんが、私の質問が明確ではありませんでした。

上記の jsfiddle では、iframe にタブで移動すると、点線のアウトラインが表示されます。タブで点線のアウトラインが出ないようにしたいです。border: 0 も frameborder=0 も機能しません。

4

3 に答える 3

3

以下を追加

iframe {
    border:0px;
}

jsFiddleはすべてのブラウザーで動作します。

iframe に src がないため、フィドルは空白になります。

于 2013-09-12T20:13:14.340 に答える
2

点線のフォーカス アウトラインは、iframe 自体ではなく、iframe 内のドキュメントにあります。メインのブラウザ ビューポートでも同じことがわかります。

スタイルでオフにできるとは思わない。これはアクセシビリティ機能です。ユーザーがタブ ナビゲーションを使用している場合、タブ オーダーのどこにいるのかを実際に確認したいという前提があります。そうしないと、すぐに完全に使用できなくなります。

于 2013-09-13T01:00:15.247 に答える
1

マークアップから設定することもできます (iframe にはframeborderプロパティがあります)

<iframe width="50" height="50" frameborder="0"/>

ワーキングフィドル：

注意:これは HTML5 ではサポートされなくなったため、代わりに CSS スタイルを使用してください (他の回答と同様)。

于 2013-09-12T20:40:51.777 に答える