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

我有一个问题到现在还没有回答。恐怕在网上找不到类似的话题

我有一些清单：

<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>

---

渐变+边框底部

可能重复正常。。。我删除了，并用普通的替换它们，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;