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>

会做你的工作:)到处工作。请不要问IEp>

选择样式时选择样式？

3 个答案: