选择元素CSS类以匹配输入元素类

我为我的输入元素找到了一个很好的样式，但现在我想为我的选择元素创建一个类似（或互补）的样式

我想有人与CSS样式熟悉给我一个类的风格，我可以使用我的选择元素

输入元素类：

input {
    background: 12px 11px no-repeat, -moz-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
    background: 12px 11px no-repeat, -webkit-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
    background: 12px 11px no-repeat, -o-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
    background: 12px 11px no-repeat, -ms-linear-gradient(top, #f7f7f8 0%, #ffffff 100%);
    margin: 5px 10px 5px 10px;
    background: 12px 11px no-repeat, linear-gradient(to bottom, #f7f7f8 0%, #ffffff 100%);
    border-radius: 3px;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.05) inset;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-family: "Helvetica Neue", sans-serif;
    font-size: 13px;
    color: #222222;
    position: relative;
    height: 36px;
    width: 300px;
    padding-left: 10px;
}
input::-webkit-input-placeholder {
    color: #999999;
}
input:-moz-placeholder {
    color: #999999;
}
input:focus {
    box-shadow: 0 1px 0 #2392f3 inset, 0 -1px 0 #2392f3 inset, 1px 0 0 #2392f3 inset,     -1px 0 0 #2392f3 inset, 0 0 4px rgba(35, 146, 243, 0.5);
    outline: none;
    background: 12px 11px no-repeat, #ffffff;
}

---

如果您想要与输入类似的样式，我建议复制代码并将其应用于

select

元素。当然，您可以根据自己的需要修改代码，下面是一个基本示例：

你只要改变一下：

input{}

…到

select{}

它应用了

CSS

太多

html

选择
元素

设置
select
输入的样式并不总是像设置文本
输入的样式那样直截了当


编辑：

在做了一些研究之后，我发现几乎不可能设计
选择
选项的样式，因为它们是由操作系统而不是浏览器呈现的

这是我能使
选择与您的
输入匹配的最接近的值：


这是使用我最初建议的
jQuery
。我还强烈建议检查一些
jQuery
插件，它们可以处理
select
输入的样式

例如，我发现了这个：


这看起来与您正在使用的样式很相配。
谢谢。我真的试过了，但我想它不起作用，因为我看不到背景上的梯度等。如果你在白色页面上看它，很难看到好的，如果你想看的话，我会尽量让它看起来更好？当然那太好了，我正试着在这里得到一个一致的主题，看起来很好。无论如何，在那里放一个箭头？