火狐浏览器的select下拉框样式兼容问题[已解决]

最新推荐文章于 2023-11-29 19:21:35 发布

hodge11

最新推荐文章于 2023-11-29 19:21:35 发布

阅读量724

点赞数

分类专栏：前台

本文链接：https://blog.csdn.net/hodge11/article/details/113106661

版权

解决了火狐浏览器中select下拉框的样式兼容问题，详细解决方案见项目相关标签路径。

摘要由CSDN通过智能技术生成

/* 火狐浏览器 */

 select {
   
                -moz-appearance: none;
                appearance: none;
                background-image: url("http://221.228.109.114:8083/manage/more/firefox_select_icon.png");
                background-repeat: no-repeat;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hodge11

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

select下拉框在IE和火狐下样式问题

沈荣荣的博客

10-13

4607

custom js select * { margin:0;padding:0;border:0 none;font-family:arial,helvetica,sans-serif;} body { padding:10px;} #current,#options { border:1px solid #999;} #replace {cursor:default;over

IE6设置select标签高度兼容性问题

★·°Never Stop°·☆〜ゝ。

07-05

2642

一、问题描述相信大家都遇到过select在IE6、7下设置高度无效的问题，但是在IE8及以上高版本的浏览器设置是有效的，包含google/火狐等都是有效的，但是就算是有效，在以上浏览器设置height后，显示的效果也是不一致的，有很大差异。[注：line-height的设定对select标签在各浏览器中也是无效的] [注：各版本浏览器对select标签宽度width的设定都是有效和一致的，已经

参与评论您还未登录，请先登录后发表或查看评论

下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)

09-25

本文将为大家详细介绍下下拉菜单select样式如何设置才能够兼容IE6/IE7/IE8/火狐等主流浏览器，具体的实现代码如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助

关于select对象在FireFox中的一个兼容性问题

悠哥的地盘

12-02

1842

现象：var objOpt = document.createElement("option");objOpt.value = “value“;objOpt.text = “text“;objSelect.add(objOpt);最后一行出错修改后在IE6和FireFox中通过var objOpt = document.createElement("option");objOpt.value =

html下拉列表兼容性,下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)

weixin_39646021的博客

06-03

283

复制代码代码如下:兼容IE6/IE7/IE8/火狐---下拉菜单select样式设置body {background-color:#6C6;}.select_border{width:59px;height:29px;*background:#fff;background:#fff;*border:1px solid #09f;*padding:4px;*height:20px;}.contain...

select2在火狐浏览器下下拉框不能搜索的问题解决

qq_16254641的博客

08-22

1301

select2下拉框不能搜索的问题，一般是在模态框里会发生的，加入如下js，就能解决这个问题了，我也是从其他地方看来的~（http://www.aicoffees.com/itshare/504201203.html） $.fn.modal.Constructor.prototype.enforceFocus = function () { }; 这句大致意思就是说modal显示的时候必须让m

select火狐浏览器提示偏左_JAVAEE AJAX实现搜素框关键字提示语功能

weixin_33728584的博客

01-21

117

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":"...

火狐和谷歌兼容性问题示例探讨

12-13

在谷歌浏览器下，页面布局表现正常，但在火狐浏览器下，部分元素出现了对齐问题。首先，问题出现在`<select>`元素与`<input>`元素之间的间距上。在火狐浏览器中，`<input>`标签似乎自动换行了，这可能是由于浏览器...

DIV+select美化支持IE6 IE7 火狐（门户搜索）觉得兼容

03-04

1. **IE6和IE7的兼容性问题**：这两个版本的IE浏览器对CSS和JavaScript的支持有限，需要使用特定的hack或者条件注释来实现兼容。 2. **模拟自定义样式**：由于浏览器限制，直接对`<select>`应用CSS美化效果有局限，...

火狐浏览器竟然不支持body.scrollTop

weixin_34210740的博客

08-10

182

既然不支持，就做兼容嘛 var moz = /Gecko\//i.test(navigator.userAgent); var body=document[moz?'documentElement':'body']; console.log(body.scrollTop); ...

angular2中自动显示下拉列表在火狐浏览器中闪烁的解决方法

weixin_34334744的博客

04-23

216

2019独角兽企业重金招聘Python工程师标准>>> ...

火狐下，下拉框无法刷新重置问题的分析与解决

weixin_40009737的博客

09-19

730

如下的最简单的HTML代码 <div class="z-dropdown"> <input class="dropdown-sel" value="年" readonly="" > <ul class="dropdown-option" style="display: none;"> &

火狐浏览器 下拉框默认选项刷新后默认项失效问题哦

weixin_41759152的博客

12-09

399

喜欢直接！就上 <div class="layui-form page-top-input content"> <div class="layui-input-inline" id="search_input"> <input type="text" name="name" class="layui-input" autocomple...

SELECT标签在bootstrap布局中移动端在谷歌和火狐不能正常使用下拉菜单。前来请教各路大圣

IT_95的博客

08-16

1233

具体代码如下： <div class="screen" style="background-color: rgba(255,255,255,0.5); "> <div class="col-md-4 col-xs-12 form-inline">用户账号：<input type="text"

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

祈澈菇凉

07-25

1843

在火狐和谷歌浏览器里面，会出现有些样式不兼容的情况，所以为了界面美观，或多或少都要写一些兼容的代码，今天写一个在火狐浏览器里面，select下拉框样式兼容。在谷歌浏览器，样式是这样的：当时在火狐浏览器，右侧会有比较难看的小箭头：这个时候，需要对火狐浏览器里面的select进行一些兼容的操作，需要在全局的css里面添加这...

element ui中select 下拉框在火狐浏览器最后一行显示不完全（谷歌正常）

miem_yang的博客

07-21

1331

在项目开发的时候用到了el-scrollbar组件并且设置了隐藏横向滚动条下面展示一些内联代码片。 // 隐藏横向滚动条 .el-scrollbar__wrap { overflow-x: hidden; } // 竖向 .el-scrollbar__bar.is-horizontal { height: 0 !important; } 因为有以上设置所以导致在火狐浏览器的时候最后select 下拉框最后一行总是显示不完全所以解决方法如下下面展示一些内联代码片。 .el-select-d

【element-plus使用】el-select自定义样式、下拉框选项过长等问题解决