1

私は以下のCSSを持っています：

span label[for=Length]
{
width: 90px; 
display: block;
text-align:right; 
margin-top: 2px;
margin-right: 5px;
}

HTMLで：

<span><label for="Length">Length:</label></span>
<span><input type=text id="Length"></span>

IE8では動作しません。label [for=...]は認識されません。回避策はありますか？

ありがとう。

アップデート

質問を間違えたので、更新しました。解決策はありますか？ありがとう！

4

5 に答える 5

3

<label>属性を持つ要素を追加しfor="Length"ます。

（そして、標準モードをトリガーするDoctypeがあることを確認してください）

于 2012-04-16T14:31:12.520 に答える
3

cssのラベルとして要素を一致させるには、要素をラベルにする必要があります。これを試してください。

<label for="Length">Length:</label>
<span><input type=text id="Length"></span>
于 2012-04-16T14:33:04.013 に答える
1

IE 8（またはIE 9）は、 Quirksモードの属性セレクターをサポートしていません。これが、Quentinの回答で示唆されているように、適切なDoctype宣言を追加すると、IE8の問題が修正される理由です。この目的で最も単純なDoctypeはです<!doctype html>。

IE 7では、Quirksモードでマスクアウトするのではなく、単にサポートが不足しているため、何も役に立ちません。

したがって、CSSで要素のid属性（例）を使用し、セレクター（例）を使用する方が安全です。このようなセレクターは、CSS対応のすべてのブラウザーで機能します。label<label id=foo for=Length>id#foo

于 2012-04-16T15:16:02.713 に答える
0 
.label1
{
width: 90px; 
display: block;
text-align:right; 
margin-top: 2px;
margin-right: 5px;
}

<span>Length:</span>
<label class='label1' for='Length'><input type=text id="Length"></label>
于 2012-04-16T14:33:08.397 に答える
-1

IE8で動作します。ブラウザに依存しません。ファイルの！doctypehtmlを確認してください。したがって、その属性、それは機能します。

于 2013-11-06T09:16:05.307 に答える