0

我需要你的帮助，

很多网站都使用 jQuery 框架来设计他们的选择框，做了一些非常巧妙的花哨的工作。正如我们所知，我在工作中一直使用 ie7，我想在我的选择框周围放置一个 1px 实心 #ddd 边框（这必须与 ie7 兼容）。我知道ie7本身不支持css。

如何使用 jQuery 设置选择框的样式以实现此目的？

<select>
    <option value="">Month</option>
    <option value="january">January</option>
    <option value="february">February</option>
    <option value="march">March</option>
    <option value="april">April</option>
    <option value="may">May</option>
    <option value="june">June</option>
    <option value="july">July</option>
    <option value="august">August</option>
    <option value="september">September</option>
    <option value="october">October</option>
    <option value="november">November</option>
    <option value="december">December</option>
</select>

如果还有一种快速的轻量级方法也可以将下拉框的边框设置为与选择框中的边框相同的颜色，那也很棒。

谢谢。

4

2 回答 2

1

使用jQuery-Selectbox插件。您可以将普通<select>元素转换为漂亮的样式化 HTML 元素。

JS文件的链接：

<script src="jquery.selectbox.min.js" type="text/javascript"></script>

添加 CSS 文件（或将内容附加到您自己的样式表）：

<link href="jquery.selectbox.css" rel="stylesheet" type="text/css" />

初始化：

// default
$('select').selectBox();

// or with custom settings
$('select').selectBox({
    mobile: true,
    menuSpeed: 'fast'
});
于 2013-06-25T17:52:34.433 回答
0

你可以从这里使用 jQuery-UI Selectable 插件。

如果您正在寻找默认样式，<select>我认为Link 1和 Link 2任何人都能够做到这一点。

您可能还想看看这个关于 SO 的问题。

于 2013-06-25T18:18:59.653 回答