小编典典

是否可以为选择框设置样式?

css

我有一个需要样式的HTML选择框。我宁愿只使用CSS,但是如果需要的话,我将使用jQuery填补空白。

谁能推荐一个好的教程或插件?

我知道,Google,但是我一直在搜索过去两个小时,但找不到符合我需要的内容。

它必须是:

  • 与jQuery 1.3.2兼容
  • 无障碍
  • 不打扰
  • 可以根据样式选择框的各个方面进行完全自定义

有人知道什么可以满足我的需求吗?


阅读 311

收藏
2020-05-16

共1个答案

小编典典

我已经看到了一些jQuery插件,在那里,转换<select>的到<ol>的和<option>的来<li>的,这样就可以用CSS样式。推出自己的作品不会太难。

这是一个:曾经在这里使用过,但看起来该站点已关闭。

像这样使用它:

$('#myselectbox').selectbox();

样式如下:

div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}
2020-05-16