optgroup上的CSS（标题/标签，而不是选择）

Question

我有一个问题直到现在还没有答案。我不敢在互联网上找到类似的话题。

我有一些清单：

<select class="class_blabla" onchange="js_blabla" id="id_blabla">
    <optgroup label="colors">
        <option value="red">red</option>
        <option value="blue">blue</option>  
        <option value="green">green</option>
    </optgroup>
 <optgroup label="numbers">
        <option value="one">1</option>
        <option value="two">2</option>  
        <option value="three">3</option>
    </optgroup>
</select>

我知道如何在optgroup标签上应用一个特殊的CSS ...但它正在扩展到他的选择。如何更改仅 optgroup标签/标题，而不是选项？我可以覆盖选项的CSS，但我想这样：

    background-image: -webkit-linear-gradient(top, #E0E0E0, #F8FAFD);
    background-image: -moz-linear-gradient(top, #E0E0E0, #F8FAFD);
    background-image: -ms-linear-gradient(top, #E0E0E0, #F8FAFD);
    background-image: -o-linear-gradient(top, #E0E0E0, #F8FAFD);
    background-image: linear-gradient(to bottom, #E0E0E0, #F8FAFD);
    background-image: linear-gradient(#E0E0E0,#F8FAFD);
    border-bottom:1px #E0E0E0 solid;

渐变+边框底部