4

次の疑似要素があります。

input[type=radio].selected::before

Internet Explorer では疑似要素がまったく表示されないので、調べてみることにしました。インスペクターでセレクターを見つけました (インスペクターのセレクターは素晴らしい子供向けの本です!) しかし、すべてのプロパティが無効になっています。(つまり、上書き/無効)。ほとんどの属性は、他の属性によってオーバーライドされません。これはIEのデフォルトの動作ですか、それともスタイリングがまったく機能しないことを意味しますか?さらに重要なことに、なぜ表示されないのですか? 以下は完全なcssです：

input[type=radio]{
    visibility:hidden;  
    cursor: pointer;
    width: 22px;
    height: 22px;
}

input[type=radio]::before{
    content: "";
    display: inline-block;
    visibility: visible;
    width: 16px;
    height: 16px;
    margin-bottom: 0;
    border: 1px solid #ddd;
    -moz-border-radius:8px;
    border-radius:8px;
    font-size: 41px;
    line-height: 18px;
    padding-left: 1px;
    color: #a3a3a3;
}
4

2 に答える 2

3

W3:

:before および :after 疑似要素

作成者は、:before および :after 疑似要素を使用して、生成されたコンテンツのスタイルと場所を指定します。名前が示すように、:before および :after 疑似要素は、要素のドキュメント ツリー コンテンツの前後のコンテンツの場所を指定します。「コンテンツ」プロパティは、これらの疑似要素と組み合わせて、挿入されるものを指定します。

つまり、疑似要素はコンテナー要素でのみ使用できます。そのため、入力要素では機能しません。

于 2013-09-25T14:57:46.337 に答える