首页 前端知识 a-select 下拉框样式修改

a-select 下拉框样式修改

2024-03-12 01:03:42 前端知识 前端哥 453 581 我要收藏
// 下拉框的总的样式
/deep/.ant-select-dropdown-menu {
background: #091F40;
border: 1px solid rgba(122, 191, 255, 0.2);
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2);
border-radius: 2px;
height: 200px;
}
// 下拉框 每个item的样式
/deep/.ant-select-dropdown-menu-item {
font-weight: 400;
font-size: 14px ;
color: #BEE1FF ;
}
/deep/.ant-select-dropdown-menu-item:hover {
background: linear-gradient(90deg, rgba(27, 139, 243, 0.3) -0.14%, rgba(27, 139, 243, 0) 99.86%);
}
// 下拉菜单 选中的效果
/deep/.ant-select-dropdown-menu-item-selected {
color: #fff ;
background: linear-gradient(90deg, #1B8BF3 -0.14%, rgba(27, 139, 243, 0) 99.86%);
}
// 下拉菜单 经过的效果
/deep/.ant-select-dropdown-menu-item-active {
background: linear-gradient(90deg, #1B8BF3 -0.14%, rgba(27, 139, 243, 0) 99.86%);
}
复制

修改的效果:

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/3677.html
标签
评论
还可以输入200
共0条数据,当前/页
发布的文章

jquery监听input值改变

2024-04-08 11:04:31

jquery 笔记

2024-04-08 11:04:27

jQuery Ajax前后端数据交互

2024-04-08 11:04:24

JQuery入门基础

2024-02-20 10:02:06

JQuery中的事件对象

2024-04-08 11:04:16

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!