html - 选项元素中的多种样式

标签 html css

Possible Duplicate:
Styling select options

我想知道是否可以在 option 中应用两种样式元素?例如,在下面的代码中,我希望产品名称的样式为 color:black;而价格是另一种款式color:red; font-weight:bold; 。我尝试过将价格包裹在 span.price 范围内但这没有用。

<select>
  <option>Apple  <span class="price">$1.00</span></option>
  <option>Banana <span class="price">$2.50</span></option>
  <option>Cherry <span class="price">$1.50</span></option>
</select>

最佳答案

option 样式以平台原生的方式设置样式。如果不更改标记(和/或使用 JavaScript),您就无法做您想做的事情

关于html - 选项元素中的多种样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13709497/

相关文章:

javascript - 在焦点和更改上搜索输入

css - 所有边距都相等,但有些边距比其他边距更相等

html - 超链接不影响帖子的所有区域

javascript - 如何从该 iframe 中访问 iframe 元素?

html - 最大化空间

javascript - jQuery - 我可以测试一个项目是隐藏还是显示吗?

javascript - 在javascript中自动调用函数的各种方法

html - 网站响应标签适用于苹果设备但不适用于安卓

html - 关于 z-index 的困惑

javascript - 使用 jsPDF && jsPDF AutoTable 仅将特定的 HTML 表格列转换为 PDF