选择框下拉式样

这个问题在这里已经有了答案:

  • 如何在没有JavaScript的情况下仅使用CSS设置<select>下拉菜单? 24个答案

  • 诀窍是使用background-color: transparent;border: 0; 对于select元素,还要确保你的select元素大于容器元素。

    演示

    演示2 (更好看的演示)

    .styled-select{
        width: 150px;
        height: 30px;
        overflow: hidden;
        background: url('http://www.simonsweb.dk/selectbox.png') no-repeat right; 
        border:0;
    }
    
    .styled-select select {
        width: 180px;
        background: transparent;
        border: 0;
        height: 30px;
        margin-top: 5px;
    }
    

    感谢您提供的所有建议。 我实际上最终使用了一个FansySelectBox插件,它可以跨浏览器使用。

    http://code.octopuscreative.com/fancyselect/

    编辑:在这种情况下,我不知道在这种情况下回答我自己的问题是可以接受的还是?

    链接地址: http://www.djcxy.com/p/41595.html

    上一篇: Selectbox dropdown styling

    下一篇: Why we can't style option of dropdown using CSS?