自定义样式选择框已变得无法点击

Question

我正在使用this jQuery plugin来设置选择框的样式，但在应用样式时，选择框现在已变得无法点击...

Here is an example，如果您向下滚动“县”字段并尝试单击它，则没有...

任何想法都会很棒。

Answer 1

请参阅以下内容：

HTML

<select name="country">
    <option>country 1</option>
    <option>country 2</option>
</select>

Answer 2

您的select元素是空的吗？你正确地风格元素了吗？如果您未指定任何样式，则下拉列表将看起来像一个干净的文本元素（span，p等）。 customSelect插件没有默认的CSS样式。

尝试删除此 DEMO 中的CSS。

截图

---

尽管您的文件链接似乎没有任何问题，但请尝试在您的head代码中添加jQuery链接和costomSelect链接。

HTML

<select id="county">
    <option value="test">
        a
    </option>
</select>

的jQuery / JavaScript的

$('#county').customSelect();

CSS

.customSelect {
  background-color: white;
  padding: 6px 10px;
  border: 4px solid #b7bfcf;
  background: url(http://adam.co/lab/jquery/customselect/images/select-box-bg.gif) right center;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
    min-width:100px;
}
.customSelectHover {
  border-color: #aeb7c9;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px;
}