栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何删除下拉列表的边框:CSS

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何删除下拉列表的边框:CSS

您能得到的最多是:

select#xyz {   border:0px;   outline:0px;}

您无法完全设置样式,但可以尝试类似

select#xyz {  -webkit-appearance: button;  -webkit-border-radius: 2px;  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);  -webkit-padding-end: 20px;  -webkit-padding-start: 2px;  -webkit-user-select: none;  background-image: url(../images/select-arrow.png),     -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);  background-position: center right;  background-repeat: no-repeat;  border: 1px solid #AAA;  color: #555;  font-size: inherit;  margin: 0;  overflow: hidden;  padding-top: 2px;  padding-bottom: 2px;  text-overflow: ellipsis;  white-space: nowrap;}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/451990.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号