5

このコードはデスクトップ上のChromeで正常に機能しますが、Androidストックブラウザでは機能しません。

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
input:checked ~ span {color:red;}
</style>
</head>
<body>
<label>
<input type="checkbox" />
<span>First item</span>
</label>
</body>
</html>

基本的に、チェックマークをクリックすると、スパンタグのテキストが赤に変わります。Android4.0を搭載したGalaxyNoteで赤くなりません。

私のコードの何が問題になっていますか?

4

1 に答える 1

8

http://quirksmode.org/css/selectors/mobile.html

兄弟セレクターがサポートされています

:checked疑似クラスは

于 2013-03-04T00:31:53.973 に答える