兼容火狐浏览器的select下拉框样式

经常遇到这样的问题，在使用bootstrap框架的时候select选择框的样式在火狐浏览器上继承的是浏览器本身的样式，跟谷歌等其他的浏览器样式对比很难看，并且很难调整，但是！

好东西来了，现在能调成跟谷歌一样的样式，只需要设置兼容火狐的样式即可：

　　<link href="http://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"><style>@-moz-document url-prefix() {select.form-control {-moz-appearance: none;appearance: none;background-image: url("http://221.228.109.114:8083/manage/more/firefox_select_icon.png");background-repeat: no-repeat;background-position: calc(100% - 7px) 50%;background-size: 2% auto;border-radius:3px;padding:0;}}</style>

转载于:https://www.cnblogs.com/moumou0213/p/6564031.html

兼容火狐浏览器的select下拉框样式相关推荐

html select 样式t调整_css修改html select下拉框样式(含右边箭头)
css修改html select下拉框样式(含右边箭头)2017-10-12 16:51 我们经常会看到一些页用用的select下拉框非常漂亮,其实很多是用插件实现的. 如果不使用插件,靠纯css能不 ...
Element UI select 下拉框样式覆盖
因为我需要写一个大屏页面,然后需要用到select框,我想把select下拉选项的背景颜色改成透明,然后我想覆盖掉它本身的样式.我本来想改变el-select-dropdown的样式,即使使用了 /d ...
解决IOS select下拉框样式
文章目录问题解决方法问题一般来说,在ios端,对于select下拉框会默认出现黑色背景,input输入框上面出现阴影,导致用户体验感不是很好,总体原因是ios中对透明度渲染的效果不是很好. 会 ...
如何实现自定义下拉组件，select下拉框样式自定义，带搜索的select下拉框
1.实现的效果 2.实现说明 3.完整代码一.实现的效果: 二.实现说明: 1.由于无法修改原生select中的option样式,因此自己通过ul,li实现下拉列表,用input实现回显框: inp ...
vue 自定义select下拉框样式(div模拟)
<div class="divInput"><div class="input" @click="openValue"&a ...
element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）
在项目开发的时候用到了el-scrollbar组件并且设置了隐藏横向滚动条下面展示一些内联代码片. // 隐藏横向滚动条 .el-scrollbar__wrap {overflow-x: hid ...
select下拉框兼容写法
去除select下拉框默认样式 select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的sele ...
关于javaScript实现select下拉框自动展开
我本来的目的:是想实现鼠标移动到select下拉框上,下拉框自动展开. 原先思路:使用onmouseover()鼠标事件调用一个openSelect()函数,函数中调用onclick()方法,以为就 ...
select下拉框美化
http://dl.dbank.com/c04csxtesr 基本用法单选下拉框的写法与传统的一样.支持TAB键打开和上下箭头选择option.支持onchange事件,见下面选中项:2 代码如下 ...

兼容火狐浏览器的select下拉框样式

兼容火狐浏览器的select下拉框样式相关推荐

最新文章

热门文章