HTML自定义选择

Question

我想创建一个HTML自定义选择组合框。有什么库可以做到这一点？或者如何使用CSS做到这一点？

举例：注册Gmail风格chombo箱

Answer 1

看到这个网址：

http://harvesthq.github.com/chosen/

http://twitter.github.com/bootstrap/components.html

Answer 2

<select>盒是不可能的跨浏览器一贯的风格。您需要某种选择框替换脚本。有一些很好的jQuery可用，例如Uniform，它将很好的样式应用于所有表单元素。 jQuery UI的也有这样的模块，但它仍然是目前测试...

Answer 3

下面是一个使用jQuery的一个想法：

$('#your-select-id').each(function(){ 
     var title = $('option:selected', this).text(); 
     if($('option:selected', this).val() != '' ) title = $('option:selected',this).text(); 
     $(this) 
      .css({'z-index':10,'opacity':0,'-khtml-appearance':'none'}) 
      .after('<span class="select-overlay">' + title + '</span>') 
      .change(function(){ 
       val = $('option:selected',this).text(); 
       $(this).next().text(val); 
      }) 
     }); 

这样做是在（span“select-overlay”）中放置一个可分层的叠加层，并使选择框不可见并坐在顶部。当用户点击它时，它们会从默认选择框中获得选项，并随时更新范围。

如果您在下一次提出问题时做出任何尝试，都会很好。