代码HTML:
Volvo
Saab
Mercedes
Audi
CODE CSS:
.select-style {
padding: 0;
margin: 0;
border: 1px solid #ccc;
width: 120px;
border-radius: 3px;
overflow: hidden;
background-color: #fff;
background: #fff url("http://www.scottgood.com/jsg/blog.nsf/images/arrowdown.gif") no-repeat 90% 50%;
}
.select-style select {
padding: 5px 8px;
width: 130%;
border: none;
box-shadow: none;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.select-style select:focus {
outline: none;
}
我把图片更好地理解了我想做。
我怎样才能做到这一点对我的结构?
目前的结构?或者有另一个结构创建HTML?
在此先感谢!
2015-10-07
Marius
+0
添加背景色箭头背景图像本身,使之简单.. –
+0
没有这个选项,它'不是其他?我只想使用CSS和HTML –
+0
制作可以轻松定制的假选择会更好(如select2或select) –