下拉菜单select高度（兼容IE6/IE7/IE8/火狐等主流浏览器）

最新推荐文章于 2024-08-02 06:15:47 发布
最新推荐文章于 2024-08-02 06:15:47 发布
阅读量65 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/leejersey/p/3635385.html
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>兼容IE6/IE7/IE8/火狐---下拉菜单select高度</title>

<style type="text/css">
.select{border:1px solid #ccc;line-height:22px;color:#666;margin:-1px;padding:4px 3px;font-size:13px;width:93px;*width:85px;}

.select_border{*background:#fff;*border:1px solid #ccc;*padding:4px;width:83px;}

.container{*border:0;*position:relative;*width:83px;*height:18px;*overflow:hidden;*background:#fff;}

</style>

</head>
<body>

    <div class="select_border">
      <div class="container">
         <select name="" class="select">
             <option selected="selected">区域不限</option>
                <option>北京</option>
                <option>天津</option>
                <option>上海</option>
                <option>重庆</option>
             </select>
         </div>
     </div>

</body>
</html>

总结：用外部的DIV来实现高度 边框的兼容，缺点用到大量的hack，作为最后没有办法的选择

转载于:https://www.cnblogs.com/leejersey/p/3635385.html

weixin_30752377
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
让IE6支持最小高度min-height、最大高度max-height的方法
12-13
1、IE6支持max-height解决方法 IE6支持最大高度解决CSS代码：  复制代码代码如下:.yangshi{max-height:1000px;_height:[removed](document.documentElement.clientHeight||document.body.clientHeight)<1000?”1000px”:””);overflow:hidden;} 说明：max-height:1000px; 这个是IE6以上级其它品牌浏览器支持最大范围高度。而_height:[removed](document.documentElement.clientH
基于jquery的带搜索功能的下拉框，兼容IE5/6/7/8/9/10和主流浏览器，含组件源码
u010554942的博客
08-16 1860
 简介 下拉框支持主流浏览器，兼容IE5/6/7/8/9/10,不兼容Edge 下拉框有模糊搜索功能 下拉框的值有两个，text、data_id 代码是基于jquery的，版本使用的： &lt;script type="text/javascript" src="js/jquery-1.9.1.min.js"&gt;&lt;/script&gt; 组件下载地址 组件的使用方法 1....
带搜索功能的select组件，支持IE8以上及其他浏览器
06-06
带搜索功能的select组件，支持IE8以上及其他浏览器，输入字符自动匹配
select2兼容ie8版本
01-07
Select2下拉搜索框为您提供了一个可自定义的选择框，该框支持搜索，标记，远程数据集，无限滚动以及许多其他常用选项。 此版本兼容ie8 9 10 11，谷歌 火狐 等浏览器,有需要的同学可以下载，内附demo。
下拉菜单select样式设置(兼容IE6/IE7/IE8/火狐)
09-25
然而，不同的浏览器对CSS样式的解析和支持程度不同，尤其是老版本的IE浏览器（如IE6、IE7和IE8）与火狐（Firefox）等其他浏览器之间存在差异。为了确保下拉菜单在各个主流浏览器中都能保持一致的视觉效果，我们需要...
好用的兼容IE，FF的下拉菜单
03-16
标题提到的"好用的兼容IE，FF的下拉菜单"显然指的是一个能够同时在Internet Explorer（IE）和Firefox（FF）这两种主流浏览器上正常运行的下拉菜单解决方案。在网页开发中，由于各个浏览器对CSS和JavaScript的支持...
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
08-29
- **跨浏览器兼容性**：支持IE8+、Chrome、Firefox等主流浏览器。 - **灵活性**：适配于jQuery、Bootstrap2、3以及原生HTML环境。 ### 使用指南 使用SelectPage首先需要从GitHub或码云下载最新版本，然后在项目中...
jquery select美化 select插件下拉框美化成类似菜单风格(兼容很好).zip
11-05
5. **兼容性**：描述中提到插件有很好的兼容性，这意味着它能在各种主流浏览器（如Chrome、Firefox、Safari、Edge和旧版IE）上正常工作，这通常是通过合理的DOM操作和事件处理实现的。 在实际应用中，开发者可以...
jQuery横向三级下拉菜单
04-09
7. **浏览器兼容性**：虽然`jQuery`库通常能提供良好的跨浏览器兼容性，但在实际应用中，仍需测试确保在主流浏览器（如Chrome、Firefox、Safari、Edge、IE11）上都能正常工作。 8. **实战演练**：`index.html`是...
带搜索功能的纯js的下拉框组件，兼容几乎所有浏览器
06-05
带搜索功能的select组件，支持IE8以上及其他浏览器，输入字符自动匹配，可以去博客看看具体细节：https://blog.csdn.net/u010554942/article/details/80593194
修改select下拉框样式兼容IE和Chrome浏览器
cgs的博客
06-11 2480
问题 在Chrome浏览器和IE11浏览器下，select下拉框表现的样式不一致。Chrome浏览器下，如图所示： IE11浏览器下，如图所示： 此时select下拉框的css的代码如下： .Data_select { width: 90px; height: 90px; line-height: 90px; margin-bottom: 20px; text-align: center; padding: 0 2%; } .Data_select {
js：可输入可选择的select下拉框,可及时匹配包含输入的内容（兼容ie）
春夏秋冬
12-21 7607
js：可输入可选择的select下拉框,可及时匹配内容（兼容ie）
下拉框组件在IE8下的问题解决
热门推荐
大头爸爸的博客
08-29 1万+
问题现象：点击下拉按钮，弹出的下拉菜单不正常。如下图所示： 但在其它页面，使用该“下拉框组件”时，显示又是正常的。如下图：   一开始以为是IE8的兼容问题，我也懒得抽时间来解决这个。说实话，现在越来越讨厌IE浏览器。 后来发现，其它页面中又不存在这个问题。我又认为可能是出问题的页面中存在的CSS与该“下拉框组件”的样式冲突导致。不过，也没有立即着手解决这个问题。 今天在整理资料时，
Iview中Select选择器在IE10中下拉框位置及宽度的问题
学无止步的博客
10-19 930
Iview中Select选择器在IE10中下拉框位置及宽度的问题 今天在调试项目的时候发现在IE10中Iview的Select选择器出了问题，具体效果见下图 下拉框的宽度铺满了整个窗口，但是将浏览器换成IE11或者谷歌，就没有这种情况。使用F12查看Dom元素发现IE10中下拉框所在的div不在父div中，而是直接在body中，style又是绝对定位，但是在IE11中下拉框的div就在父div中，因为下拉框所在的div是iview组件自己生成的，虽然能改样式，但总觉得不够优雅，所以浏览了官方文档：http
XHTML 简介
wjs2024的博客
08-02 417
XHTML，即“可扩展超文本标记语言”（eXtensible HyperText Markup Language），是一种基于XML的标记语言，旨在取代HTML作为网页内容的标准格式。XHTML继承了HTML的许多特性，但更加严格和规范，要求文档结构更加严谨，标签和属性必须正确嵌套和闭合。这种严格性使得XHTML文档更加易于解析，也更适合在不同的设备和平台上展示。
mysql简介.txt
08-06
mysql
Tiny Easy File System是一个完全开源的分布式文件系统，基于Linux，用c语言编写.zip
最新发布
08-06
优质项目，资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目。 本人系统开发经验充足，有任何使用问题欢迎随时与我联系，我会及时为你解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（若有），项目具体内容可查看下方的资源详情。 【附带帮助】： 若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步。 【本人专注嵌入式领域】： 有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为你提供帮助，CSDN博客端可私信，为你解惑，欢迎交流。 【适合场景】： 相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可以基于此项目进行扩展来开发出更多功能 【无积分此资源可联系获取】 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。积分/付费仅作为资源整理辛苦费用。
大三上学期操作系统大作业：基于Qt和C++的C语言解释器运行程序.zip
08-06
优质项目，资源经过严格测试可直接运行成功且功能正常的情况才上传，可轻松copy复刻，拿到资料包后可轻松复现出一样的项目。 本人系统开发经验充足，有任何使用问题欢迎随时与我联系，我会及时为你解惑，提供帮助。 【资源内容】：包含完整源码+工程文件+说明（若有），项目具体内容可查看下方的资源详情。 【附带帮助】： 若还需要相关开发工具、学习资料等，我会提供帮助，提供资料，鼓励学习进步。 【本人专注嵌入式领域】： 有任何使用问题欢迎随时与我联系，我会及时解答，第一时间为你提供帮助，CSDN博客端可私信，为你解惑，欢迎交流。 【适合场景】： 相关项目设计中，皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻，也可以基于此项目进行扩展来开发出更多功能 【无积分此资源可联系获取】 # 注意 1. 本资源仅用于开源学习和技术交流。不可商用等，一切后果由使用者承担。 2. 部分字体以及插图等来自网络，若是侵权请联系删除。积分/付费仅作为资源整理辛苦费用。
IE6到IE9的兼容性问题与升级指南
- **表对象模式**：表格的渲染模式变得更加标准化，与其他浏览器的兼容性增强，可能影响原有针对IE6/7的定制样式。 - **文本布局**：IE9使用自然度量而非GDI度量进行文本布局，可能会改变文本的显示效果，特别是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值