选择选项 *selected* 属性在 Chrome 中不起作用

Question

我有一个与此类似的代码片段：

<select class="abcd" id="aaaa" />
<option selected>yes</option>
<option>no</option>
</select>

页面加载时， Firefox 将默认显示“是”选项。但是，Chrome 和 Safari 却并非如此。选择框显示一个空白框，我必须单击该框才能显示选项并查看默认选项（当该框下拉时选择“是”）。

如果我在这里遗漏了一些布尔参数，你能理解吗？谢谢！

Answer 1

？它实际上似乎在 chrome 和 IE 中按预期工作（抱歉没有方便的 Safari）。您是否尝试使用开发工具查看级联和计算样式规则？可能有脚本或 !important 规则等覆盖您的代码。