13

実際には、プラグイン SpryTabs を使用してメニューをナビゲートしています。タブのアクティブ化と非アクティブ化に 2 つの背景画像を使用しました。ホバー時にタブをアクティブにしています。タブが強調表示され、他のタブをクリックすると選択したタブが非アクティブになることを意味します。

ここまではすべて問題ありません。しかし、本当の問題は、ホバー後にユーザーがタブをクリックすると、画像の周りに境界線が表示されることです。

これは Firefox では発生せず、Chrome と IE でのみ発生します。

4

4 に答える 4

31

特定の要素の CSS に次のコードを追加できます。

textarea:focus, input:focus{
    outline: none;
}

そして、ページ上のすべての要素に対して、CSS でこの一般化されたコードを使用します

*:focus {
    outline: none;
}

これは、画像と入力ボックスの周りにオレンジ色の境界線が表示されたときに機能しました。

于 2013-03-01T12:45:39.620 に答える
5

outline: none;画像を試着

于 2013-03-01T11:48:10.023 に答える
3

同じ問題が一度ありましたが、次のスタイルで問題が修正されました:

outline: 1px solid transparent;

ところでoutline:none、何らかの理由でクロムには効果がありません

于 2013-03-01T11:55:46.110 に答える
2

outline:noneまたはを使用するoutline:0

ここで同様のものを確認してください

于 2013-03-01T11:49:49.273 に答える