html - 如何更改选项标签中特定文本的颜色

标签 html css css-selectors

我有一个选择选项列表,每个选项都有其文本内容

<select>
  <option>Lorem ipsum dolor sit amet</option>
  <option>Quisque vitae odio leo</option>
  <option>Aenean consequat nisl sit amet</option>
</select>

如何设置特定文本的格式,比如第一个词,用不同的颜色,即“Lorem”、“Quisque”、“Aenean”将显示为蓝色?

最佳答案

将单词放在 span 标签内并设置 span 的样式

<option><span style = "color : red;">Lorem</span></option>

关于html - 如何更改选项标签中特定文本的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37272520/

相关文章:

JavaScript 无法在 Rails 5 应用程序中运行

java - 如何使用chrome开发工具(F12)在Chrome浏览器中选择cssSelector值?

html - 我可以将直接后代与第一个 child 伪选择器结合起来吗?

javascript - onload元素是否有函数调用量限制

jQuery:如何添加事件的选定菜单类?

html - 如何在所有div下方显示文字

css - 第 n 个 child 对类没有反应

php - dompdf制作页眉和页脚 "solid"

javascript - 溢出在父 div 后面发送下拉列表,z-index 不起作用

css - Modernizr 和后代选择器?