圆角select下拉菜单

简介:

分享一段代码实例,它实现了圆角效果的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" >
< meta name = "author" content = "http://www.softwhy.com/" />
< 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下拉菜单

相关文章
element-ui下拉框el-select多选出现滚动条闪现
弹窗组件中放置了el-select下拉框组件,多选项较多时,聚焦弹出下拉选择框时,下方会出现一个横向滚动条闪现一下,虽然不影响使用,但是作为一个追求完美的码农肯定是受不了
185 0
|
3月前
|
存储 索引
antd中table组件选中单行换样式(比如背景颜色)
在Ant Design (antd)的Table组件中,可以通过设置`onRow`属性来定义行点击事件,从而改变被点击行的样式,如背景颜色。`onRow`是一个函数,返回一个对象,对象包含事件处理函数,如`onClick`。同时,使用`rowClassName`属性来指定行的类名,结合状态管理,可以实现点击某行后改变其背景颜色的效果。具体实现时,需要在组件状态中保存当前被点击行的索引,然后通过`rowClassName`判断并返回相应的类名。
433 2
antd中table组件选中单行换样式(比如背景颜色)
|
7月前
el-select如何自定义下拉选项框的宽度
el-select如何自定义下拉选项框的宽度
1036 0
LayUI数据表格复选框显示不居中问题
LayUI数据表格复选框显示不居中问题
select下拉框默认option为灰色,选中option颜色为白色
select下拉框默认option为灰色,选中option颜色为白色
161 0
bootstrap-table选中checkbox改变行的背景颜色
bootstrap-table选中checkbox改变行的背景颜色
143 0
textarea去掉边框和取消选中后的边框
textarea去掉边框和取消选中后的边框
195 0
|
前端开发
css自定义 range radio select的样式滑轮,按钮,选择框
写在前面: 之前踩坑css的时候,遇到滑轮,按钮,选择框这类型的东西,为了页面效果,总是需要自定义他们的样式,而不使用他们的默认样式。当时写的时候,我也是蛮头疼的,弄了个demo,链接在下面。对此做个总结。本文是面向前端小白的,大手子可以跳过,写的不好之处多多见谅。 额,今天就先大概的将代码贴上来,考虑到篇幅的问题,就先写一下三个的实现方式,一般也都看得懂,代码注释的非常详细。因为细分下来内容也很多,准备之后再将如何实现的方式,属性,优化以及如何兼容各个浏览器的方式一步步的写出来。 最终效果:
354 0
css自定义 range radio select的样式滑轮,按钮,选择框

热门文章

最新文章