logo标签列表

CSS-兄弟选择器在Android中无法工作？

androidcsssiblings
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>

基本上当您点击复选标记时，span标签文本应该变为红色。但在我的Android 4.0 Galaxy Note上未变红。

我的代码有什么问题？

1个回答
8
好的，那很有道理。你知道在安卓中我可以使用哪个CSS规则来获取所有选中的复选框吗？input[checked="checked"]没有给我任何结果。 - John
1
似乎有一些可行的黑科技。查看这个 或者尝试这个 input[type=checkbox]:checked。 - ElefantPhace
CSS Tricks论坛已经迁移，新的网址是：https://css-tricks.com/forums/topic/checkbox-hack-on-mobile-webkit/。 - Ruskin
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接