如何为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样式。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我如何为内容投影的 html 元素设置样式?

如何在HTML中设置特定选择选项的样式

如何为元素设置样式以重叠滚动

如何为 Appmaker MultiSelect Widget 中的选项设置样式

如何设置HTML5中“选择”的禁用和选定“选项”的样式

如何为禁用的 antd 选择器设置样式

如何为日期选择器输入设置段落样式?

角度2:如何为组件的宿主元素设置样式?

如何为多个id元素javascript设置样式

Font Awesome 5,如何为svg伪元素设置样式?

如何为矩阵的每个元素设置不同的显示样式?

如何使用PHP设置HTML元素的样式

如何为不同的选择选项值设置不同的位置

如何为选择选项设置默认值

如何设置 Woocommerce 结帐选择选项的样式?

如何在选择输入中设置选项的样式

如何使用JQuery在选择元素中设置选择的选项?

如何为计算器HTML设置按钮样式

如何在 React 中设置选择元素的样式?

如何为被插入的元素的后代设置样式(在 shadowroot 的样式表中)?

如何通过选择元素的ID设置选择元素的选择选项?

除了悬停的元素外,如何为所有相同类型的元素设置样式?

当元素位于ol或ul标签内时,如何为元素样式属性设置不同的值?

如何为TYPO3内容元素表添加布局样式选项?

在选择框中设置各个选项的样式

在选择字段上设置选项样式 - 悬停

如何为Android设置样式或配置React导航选项卡以适合

如何在HTML中设置aria标签元素的样式

如何为Django的文件选择器表单按钮设置样式?