分享一段代码实例,它实现了圆角效果的select下拉菜单。
代码实例如下:
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!doctype html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>蚂蚁部落</
title
>
<
style
>
select{
border:1px solid #c9c9c9;
background-color:#fff;
color:#666;
height:28px;
line-height:28px;
padding:4px 6px;
font-size:14px;
border-radius:4px;
cursor:pointer;
outline:none;
}
</
style
>
</
head
>
<
body
>
<
select
id
=
"antzone"
>
<
option
value
=
"1"
>蚂蚁部落一</
option
>
<
option
value
=
"2"
>蚂蚁部落二</
option
>
</
select
>
</
body
>
</
html
>
|
原文发布时间为:2017-3-8
本文作者:admin
本文来自云栖社区合作伙伴“蚂蚁部落”,了解相关信息可以关注蚂蚁部落
原文链接:圆角select下拉菜单