文档章节

select去除默认样式

o
 osc_1ee7cxmx
发布于 2018/08/06 14:45
字数 212
阅读 12
收藏 0

精选30+云产品,助力企业轻松上云!>>>

<select class="form-control leftrange">
    <option selected>--请选择--</option>
    <option>学生</option>
    <option>老师</option>
    <option>管理员</option>
   <option>用户</option>
  </select>
 <span class="glyphicon glyphicon-chevron-down selecticon" > </span>
select {
  /*Chrome同Firefox与IE里面的右侧三角显示的样式不同*/
  border: solid 1px #ddd;
  /*将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  padding-right: 14px;
  /*如果要加入自定义图片, 就增加这个属性 background: url或者在html中直接加入图标也行*/
}
/*清除iIE的默认选择框样式*/
select::-ms-expand { display: none; }

最近项目中遇到了自定义下拉框的默认样式在谷歌,火狐,IE上显示不同的问题。

左侧图片就是重写的样式,下拉框的右侧三角是选用的bootstrap里面的图片,通过绝对定位放过去的。

原文:https://www.cnblogs.com/iriliguo/p/7041375.html

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。

暂无文章

敖丙20 张图揭开内存管理的迷雾

前言 之前有不少读者跟我反馈,能不能写图解操作系统? 既然那么多读者想看,我最近就在疯狂的复习操作系统的知识。 操作系统确实是比较难啃的一门课,至少我认为比计算机网络难太多了,但它...

敖丙
07/02
15
0
拉勾网拉你上勾

预览 需求简介 拉勾网是一个互联网行业的一个招聘网站,上面有许多职位,于是乎,小编想提取指定职位的基本信息(职位名,薪水,工作经验,工作地点,教育背景),然后插入 MongoDB 数据库,...

木下瞳
2019/04/17
20
0
我是一个线程(第一人称)

来源 | 转自 码农翻身 作者 | 刘欣 全文总共 | 4600 字 预计阅读时间 | 12 分钟 第一回 初生牛犊 我是一个线程,我一出生就被编了个号:0x3704,然后被领到一个昏暗的屋子里,在这里我发现了...

geniusian
2019/11/04
18
0
SkyWalking 权限认证

版本:7.0.0 描述 为了数据传输安全,确保网络连接是安全的。采用 Token 认证确保采集的应用数据是被信任的。 当前版本,仅支持简单的字符串 Token 配置 代理端配置文件agent.config设置 # ...

zm123321
52分钟前
17
0
是否允许实体正文进行HTTP DELETE请求? - Is an entity body allowed for an HTTP DELETE request?

问题: When issuing an HTTP DELETE request, the request URI should completely identify the resource to delete. 发出HTTP DELETE请求时,请求URI应该完全标识要删除的资源。 However,......

javail
昨天
27
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部