4

私はimgsでいっぱいのリストを持っています:

<ul>
<li><a href="#"><img src="test.png" /></a</li>
<li><a href="#"><img src="test.png" /></a</li>
<li><a href="#"><img src="test.png" /></a</li>
(...)
</ul>

Firefox でそれらをクリックすると、点線のアウトラインが表示されます (いったい誰が、なぜそれを発明したのか? とても醜い!)。

それらを取り除きたいのですが、スタイルの「アウトライン」などが機能していないようです。以下のすべてのオプションを試しました。

#ul li img:active {
    -moz-outline-style: none;
    -moz-focus-inner-border: 0; 
    outline: none;
    outline-style: none;
}     

#ul li img:focus {
    -moz-outline-style: none;
    -moz-focus-inner-border: 0; 
    outline: none;
    outline-style: none;
}

 #ul li img a:active {
        -moz-outline-style: none;
        -moz-focus-inner-border: 0; 
        outline: none;
        outline-style: none;
    }     

    #ul li img a:focus {
        -moz-outline-style: none;
        -moz-focus-inner-border: 0; 
        outline: none;
        outline-style: none;
    }
4

3 に答える 3

12

<a>タグにスタイルを適用する必要があります(<a>タグを<img>.

これは私にとってはうまくいきます：

a:active,
a:focus {
  outline: none;
  -moz-outline-style: none;
}

または、ID を持つ要素内のみul(ちなみに、最適な名前ではありません):

#ul a:active,
#ul a:focus {
  outline: none;
  -moz-outline-style: none;
}
于 2010-09-14T10:17:36.110 に答える
8 
a:active,
a:focus {
  outline: none;
  -moz-outline-style: none;
}

FF22で私のために働く

于 2013-06-26T21:14:16.503 に答える
4

Outline: 0<a>で実行する必要があり、実際には の子ではない要素に適用する必要があり<img />ます。<img />の子である<a>ため、css は次のようになります。

#ul li a {
    outline: 0;
}
于 2010-09-14T10:16:59.283 に答える