HTML选择中的部分粗体文本

我不确定这是否可行，但我有一个例子，我想在HTML选择标记的选项中加粗部分文本（不是全部）

我尝试使用b标签和强标签，但运气不佳（在Chrome上）。CSS可能会起作用，但由于它在元素级别上起作用，我不确定如何这样做

---

有什么方法可以做到这一点吗？

尝试用css中的

一些文本来包装文本
#wrap{font-weight:bold}
否；这是不可能的

相反，您可以使用Javascript创建一个假下拉列表。
不，这是不可能的。这里有两个选项：

1） 使用
为您正在做的事情创建一个描述性标题（这不太可能有帮助）

2） 使用JavaScript模拟下拉菜单。我不确定，但我认为jQuery UI可能有一个下拉菜单脚本。
好吧，你可以在firefox中使用
或
，但它在Chrome或IE中不起作用（不勾选任何其他工具）
我认为为时已晚，但这对我来说是可行的。
将属性“font-weight:bold”应用于选项标记，使其中的文本加粗，而不使用任何html标记

<option value="optionValue" class="bold-option">
.bold-option{font-weight: bolder;}


.bold选项{字体大小：粗体；}
因为chrome不允许选项标签使用粗体字体。可以使用文本阴影属性，如

文本阴影：0px 0px 0px黑色

它将提供相同的粗体外观，并适用于所有浏览器
选择中的第n个粗体选项

在css中没有办法做到这一点。如果仍然需要区分选项，请使用颜色和背景

.diff-option {
   color : grey;
}
.other-options{
   color:white
   background: ...
}

简单解决方案：

<select>
  <option>Simple</option>
  <option class='bolden'>Bold</option>
  <option>Simple</option>
</select>
<style>
  .bolden{font-family:"Arial Black"}
</style>


简单的
大胆的
简单的
.bolden{font-family:“Arial-Black”}

示例：
使用CSS是的，这是可能的


选项[value='4']{
字体大小：粗体；
}
/*
这里您还可以使用：应用特定css所需的第n个选项，如
选项：第n个子项（1），选项：第n个子项（4）{
字体大小：粗体；
}
*/

第一
第二
第三
第四
第五
我正要说同样的话。我刚刚测试了它，不起作用。您不能在
元素中放置标记。您可以尝试向option元素本身添加样式，但我怀疑这是否有帮助。：）实际上，我在
select
和
option
元素中添加了样式，从而制作了一个只有CSS的aqua按钮样式下拉列表。我觉得这可能就是答案。谢谢实际上，有没有另一个更简单的解决方案，看看Pritesh的答案。伪元素
:first-letter
和
:first-line
可以让你对此有所控制，但可能没有你想要的那么精细。这在Firefox中对我很有效。我认为这仍然是相当特定于浏览器的。请求仅加粗部分文本。甚至MDN也没有建议：-您应该提供该功能的引用和名称。如果没有，这是相当脆弱的。为什么投票率这么低？它解决了我的问题。看起来“现在人们还在忙着”。你也可以使用“文本阴影：1px 1px黑色；”这大概是低票，因为这是错误的-（a）它没有按照OP的要求只加粗部分文本，（b）我认为只有
颜色
，是跨浏览器的。他是人们！注意！要求解决的问题是如何仅将部分文本加粗！这个答案假设字体随用户的操作系统一起提供，但可能不是。我曾尝试将它与mdboostrap一起使用，但没有显示出对我的帮助