How to implement a custom selection box with css
This article mainly shows you "how to use css to achieve custom selection box", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to use css to achieve custom selection box" this article.
The code is as follows:
HTML:
Hefei
Nanjing
Wuhu Lake
Hangzhou
CSS:
. select-style {
Border:1pxsolid#ccc
Width:120px
Border-radius:3px
Overflow:hidden
Background:#fafafaurl ("image/greatwall.jpg") no-repeat90%50%
}
. select-styleselect {
Padding:5px8px
Width:130%
Border:none
Box-shadow:none
Background:transparent
Background-image:none
-webkit-appearance:none
Color:lightblue
}
. select-styleselect:focus {
Outline:none
}
The above is all the contents of the article "how to use css to implement a custom selection box". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!
