给定的 html 脚本创建三个 selectInputs 并将所有三个 selectInputs 的第一个元素更新为黑色和粗体。我只想更改第三个 selectInput Box 而不是其他两个。请帮助我使用适当的 css 属性来实现此目的。
<!DOCTYPE html>
<html>
<body>
<style>
option:first-child{
font-weight:bold;
color:#000000;
}
</style>
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</select>
<select>
<option value="a1">Volvo1</option>
<option value="a2">Saab1</option>
</select>
<select>
<option value="v1">Volvo2</option>
<option value="v2">Saab2</option>
</select>
</body>
</html>
最佳答案
您可以在 css 中使用 nth-child 来选择特定的选择标签,并像您一样将其第一个选项设置为粗体。
select:nth-child(3) option:first-child{
font-weight:bold;
color:#000000;
}
看下面的codepen
关于html - 用于访问特定 selectInput 并使初始元素变为粗体的 Css 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48514038/