选择时选择样式？

Question

当它坐在那里时，是否可以为html select框设置样式，然后当用户点击它并列出项目时，是否有不同的颜色？

我想是这样的：

select { 
    background:#fff; 
    color:#929496; 
    font-size:14px; 
} 

然后颜色反转，所以文字为白色，背景为灰色？

Answer 1

使用:focus伪类：

select:focus { 
    color: #fff; 
    background-color: #929496; 
} 

时出现，他们这也适用倒置的颜色它的选项。

jsFiddle preview

Answer 2

SELECT框是操作系统级控件，而不是HTML控件。你无法在浏览器中可靠地设计风格。您可以用各种基于HTML + CSS的技术来替换它们。

Answer 3

<style> 
    ::-moz-selection { 
    color:white; 
    background:#3A75AF ; 
    } 

    ::selection { 
    color:white; 
    background:#3A75AF ; 
    } 

    </style> 

会做你的工作:)作品无处不在。请不要问关于IE。