英文:
How do I change the background color of the main cell of a html dropdown?
问题
要简单地说，我想要改变 HTML 的 <select> 元素中 主要字段 的背景颜色（不确定该怎么称呼，就是示例中标为红色的字段）。我不想改变下拉字段的背景颜色。
这种可能吗？如果可以，该如何实现？
<select>
<option>项目 1</option>
<option>项目 2</option>
<option>项目 3</option>
</select>
英文:
To put it very simple, I want to change the background color of the main field (not sure what else to call it, it's the field marked in red in the example) of a HTML <select> element. I do not want to change the background color of the dropdown fields.
Is this possible? If so, how?
Source code:
<select>
<option>Item 1</option>
<option>Item 2</option>
<option>Item 3</option>
</select>
答案1
得分: 3
select {
background-color: yellow;
}
select option {
background-color: red;
}
<select>
<option>项目 1</option>
<option>项目 2</option>
<option>项目 3</option>
</select>
英文:
You can use css selectors: select and select option (I put red for options, but you can change color to whatever you like)
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
select {
background-color: yellow;
}
select option {
background-color: red;
}
<!-- language: lang-html -->
<select>
<option>Item 1</option>
<option>Item 2</option>
<option>Item 3</option>
</select>
<!-- end snippet -->
答案2
得分: 1
<!-- 开始代码片段：js 隐藏: false 控制台: true Babel: false -->
<!-- 语言: lang-css -->
option{
background-color: white;
}
select {
background-color: yellow;
}
<!-- 语言: lang-html -->
<select>
<option value="3">tewe</option>
<option value="8">eerer</option>
<option value="5">ererere</option>
</select>
<!-- 结束代码片段 -->
英文:
One way would be to style de select and the option
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
option{
background-color: white;
}
select {
background-color: yellow;
}
<!-- language: lang-html -->
<select>
<option value="3">tewe</option>
<option value="8">eerer</option>
<option value="5">ererere</option>
</select>
<!-- end snippet -->
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论