选择框下拉式样
这个问题在这里已经有了答案:
诀窍是使用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