如何让禁用选项在选择 html 时变为粗体和黑色？答案

【问题标题】：How can I let the disable option being bold and black at select html?如何让禁用选项在选择 html 时变为粗体和黑色？
【发布时间】：2021-03-01 18:37:16
【问题描述】：

系统默认选择“请选择”选项，禁止选择。现在选项是灰色的。我可以加粗，让颜色变黑吗？

谢谢。

 <select id="commentType" name="commentType" required="true" >
        
                                            <option value="Please Select" disabled selected>Please Select</option>
                                            <option value="Bonus Point">Bonus Point</option>
                                            <option value="Car Park">Car Park</option>
                                            <option value="Gift">Gift</option>
                                            <option value="Promotion">Promotion</option>
                                            <option value="Technical Support">Technical Support</option>
                                            <option value="Others">Others</option>
        
    </select>

enter image description here

【问题讨论】：

您可以使用this one 设置第一个选项的样式。
我想要和一样的效果，但是不能被选中，我该怎么做呢？
我有点迷茫，最好把你的具体代码分享到JSFiddle

标签： html css select option optgroup

【解决方案1】：

试试这个..

<select id="commentType" name="commentType" required="true">

  <option value="Please Select" disabled selected style="font-weight:bold;color:black">Please Select</option>
  <option value="Bonus Point">Bonus Point</option>
  <option value="Car Park">Car Park</option>
  <option value="Gift">Gift</option>
  <option value="Promotion">Promotion</option>
  <option value="Technical Support">Technical Support</option>
  <option value="Others">Others</option>

</select>

【讨论】：