使用CSS或jQuery设置HTML表单列表框的样式

我只想更改颜色并定义多行选择框或列表框的边缘

我已经看到了一些类似主题的线索，但不完全是我正在寻找的解决方案。我需要能够：

• 更改元素的悬停颜色
• 更改元素的“选择颜色”
• 换边
• 样式侧滑块（非必需）

我想我可能必须使用JS（如果可能的话，通过jQuery），但如果我可以的话，我更愿意使用CSS

试试这些

编辑：

使用这个插件

输出将类似于

尝试这些

编辑：

使用这个插件

---

---

输出类似于

仅使用CSS不可能做到这一点。看看这个插件：github.com/vladfr/jquery-coolmultiple

仅仅使用CSS是不可能做到这一点的。看看这个插件：github.com/vladfr/jquery coolmultiple

这些插件似乎都不支持listbox，它们都是下拉选择框。没有称为listbox的html元素，你需要添加属性

size

，使它看起来像列表框……我已经编辑了这个问题，使它更清楚。这是有问题的代码是的，您只使用了选择框。。正如我告诉你的，你已经使用了size属性和标签。。如果是这样的话，我的例子会起作用。我明天可能会尝试这个，但是你能看看我的另一个问题（关于coolMultiple插件的使用）并告诉我是否会遇到同样的问题吗？所有这些似乎都不支持listbox，它们都是下拉选择框。没有称为listbox的html元素，您需要添加属性

size

，使其看起来像列表框…我编辑了问题以使其更清楚。这是有问题的代码是的，您只使用了选择框。。正如我告诉你的，你已经使用了size属性和标签。。如果是这样的话，我的例子会起作用。我明天可能会尝试这个，但是你能看看我的另一个问题（关于coolMultiple插件的使用）并告诉我是否会遇到同样的问题吗？仅仅使用CSS是不可能做到这一点的。看看这个插件：选择框看起来不错，但不会将原始值发送到提交@N3在这个问题上，添加它作为我可以接受的答案。仅仅用CSS是不可能做到这一点的。看看这个插件：选择框看起来不错，但不会将原始值发送到提交@N3在这个问题上，添加它作为我可以接受的答案。