[css超出部分省略号]CSS select样式优化一个例子

【www.bbyears.com--flex】

CSS 下拉选择菜单基本的CSS样式不怎么好看，通过一些简单的样式优化，可以得到上面的样式，不兼容IE6样式，因为用到了opacity。

CSS样式：

JQuery代码：

<script type="text/javascript">
    $(".sel_wrap").on("change", function() {
        var o;
        var opt = $(this).find("option");
        opt.each(function(i) {
            if (opt[i].selected == true) {
                o = opt[i].innerHTML;
            }
        })
        $(this).find("label").html(o);
    });
</script>

效果代码如下

注意：记得加载jquery插件哦

本文来源：http://www.bbyears.com/flash/61118.html