-4
给出以下HTML代码：在html选择标签中，如何更改封闭选项标签的部分文本样式？
<select>
<option>yellow</option>
<option>red</option>
<option>blue</option>
</select>
例如，改变第二个字符的文本“蓝”的颜色。
A
回答
0
<select>
<option id='option1'>yellow</option>
<option id='option2'>red</option>
<option id='option3'>blue</option>
</select>
然后添加样式CSS
#option3{ color: blue; }
如果你需要做的动态，你可以使用jQuery：
$("#option3").css("color", "blue");
2
我不相信这是目前一种方法可以做到在CSS或（X）HTML中。正如“DaneSoul”指出的那样，你可以自己设计<option>，但是你不能单独设计文本的不同部分。
<option>标记不能有任何孩子以外的文本节点。
This question/answer有更多的信息，证实了这一点。
+0
嗯，我现在看到我的不确定不是真正的任务是什么......但我想这可以是有帮助的。 – DaneSoul
+0
@DaneSoul我几乎做了同样的事情，但不知何故发现'第二个字符'..并留下评论:) –
0
这可以做的唯一方法是创建您自己的下拉列表与DIVs，SPANs，可能是一个UL或两个，和一点的JavaScript（像CSS下拉导航菜单cxould的东西我也想工作），然后使用JavaScript设置要为您的表单发送的值。
可能比它的价值更多的工作。
相关问题
- 1. 文本的选择部分在标签
- 2. 包含XPath中选择封闭标签
- 3. 如何在选择另一个选择标签时更改选择标签？
- 4. 更改标签文本时选择
- 5. jQuery：如何选择两个封闭的html标签之间的文本
- 6. javascript选择样式标签？
- 7. 选择标签样式
- 8. 如何更新选择标签的更改视图部分
- 9. 更改选项标签内部Title属性的样式
- 10. 选择部分标签
- 11. 如何更改选择框的样式'optgroup标签
- 12. 删除从textarea中选择封闭的html标签
- 13. 选择标签/选项标签麻烦
- 14. JQuery：选择封闭标签之间的文本
- 15. HTML Agility Pack - 使用选项标签选择HTML选择标签的问题
- 16. 选择更改标签。 UIPickverView
- 17. 无法更改“选项”里面的html“选择”标签
- 18. 如何将不同样式应用于HTML中选择标签的选项
- 19. html选择标记如果选项更改添加样式在选择
- 20. 从sorrounding标签的标签文本中选择复选框？
- 21. 如何在选择标签的onchange事件中更改选择标签的值。 html
- 22. 如何使用jQuery选择特定标签时更改标签文本？
- 23. 如何在HTML中传递数据选择选项标签？
- 24. 如何更改选项菜单中选项的标签？
- 25. ng选项不更新选择标签
- 26. 如何对齐HTML中的选择标签选项容器？
- 27. 如何更改特定文本的颜色选项标签
- 28. 从vb.net中的组合框选择的特定选项更改标签文本
- 29. 在ror中选择选项标签？
- 30. 选择2：标签：选定标签的不同文本
@BoltClock：你真的添加了句子“鉴于下面的html代码：”？或者修订历史在说谎？ – thirtydot
@ thirtydot对我说同样的话......哈哈！ – BumbleShrimp
最大你可以使用'n-child（x）'设计第n个选项，我不认为你可以在选项中设计一个特定的字母。除非你愿意尝试一个自定义的下拉菜单..但他们不会是真正的'