如何设置html“选择”元素的选项的样式？
这是我的HTML：
<select id="ddlProducts" name="ddProducts">
<option>Product1 : Electronics </option>
<option>Product2 : Sports </option>
</select>
我想仅使用CSS将产品名称（即“ Product1”，“
Product2”等）加粗，并将其类别（即电子，体育等）斜体化。我发现一个老问题，提到无法使用HTML和CSS，但希望现在有解决方案。
问题答案：
只有少数样式属性可以应用于<option>元素。
这是因为这种类型的元素是“已替换元素”的示例。它们与操作系统有关，不属于HTML /浏览器。无法通过设置样式CSS。
有更换插件/库看起来像<select>，但实际上是由正规的HTML那个元素 CAN 样式。
-
我想做一个颜色选择器，我知道在HTML输入中type=“color”是一个现成的颜色选择器。但我也想样式我的颜色选择器，而且它不应该是一个按钮，它应该是打开的每一次。 null null 像这里，颜色选择器只在点击按钮后打开。请帮帮我。谢谢！
-
问题内容： 我想设置一个先前选择的要在页面加载时显示的选项。我用以下代码尝试了它： 与 但这是行不通的。有任何想法吗？ 问题答案： 这绝对应该工作。确保已将代码放入：
-
问题内容： 使用jQuery，您将如何查找具有特定样式（例如）的元素，而不管它是内联样式还是CSS文件中定义的样式？ 问题答案： 使用过滤功能： 将“ *”替换为适合您的情况的选择器。
-
问题内容： 我使用的选择标记的格式允许多次选择，但我希望选择的最大数量为10。使用JavaScript或jquery是否可以？ 提前致谢！ 问题答案： 这是供您使用的一些完整代码…一定要喜欢Google AJAX API Playground :-) 编辑1： 注意：这只允许您选择5，因为我不想复制/粘贴另外10个选项:-)
-
我被要求为悬停事件中的下拉菜单设置背景颜色。我尝试将class=“page-limit-option”类应用于option元素，但没有成功。我需要创建一个新的样式组件来代替选项吗？ 在css文件中： 此处的stackblitz：https://stackblitz.com/edit/angular-style-a-select？file=app/app.component.ts
-
问题内容： 我正在一个涉及使用PHP脚本自动填充选择框的网站上工作。一切都很好，除了问题是我用来填充文本框的标题非常长（它们是期刊文章和演示文稿标题）。下拉框延伸到最长元素的宽度，该元素延伸超出屏幕边缘，因此使滚动条无法触及。我尝试了多种尝试使用CSS手动将下拉框设置为特定宽度的方法，但到目前为止都无济于事。我最好地完成了将“选择”框设置为特定宽度的操作，但是下拉菜单本身的宽度要大得多。 任何对此