在IE8，FF中<select>控件文字垂直居中的处理方法

code旅行者 code旅行者 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.7w累计阅读 1.8w+平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄15年
关注
原创 最新推荐文章于 2026-04-02 02:27:37 发布 1.7w 阅读 AI 写同款· GEO 优化 ›
CSS技巧专栏：一日一例 3.纯CSS实现炫酷多彩按钮特效 CSS的 box-shadow 属性可以用来给一个元素添加一个或多个阴影效果。如果你想要给一个div元素添加多种颜色的投影，你可以通过在box-shadow属性中用逗号分隔多个值对来实现。 上面代码，我们分别给按钮增加了红，黄，蓝，绿四种颜色的投影，并且让投影扩散范围增大，我们看看效果是不是我们想要的。在浏览器中刷新我们的按钮页面，把鼠标移动到按钮上，我们得到了这样的按钮效果： 阅读详情

设置：padding：8px  0;


处理前：

处理后：




收录于
开发拾遗（前端）

当前文章被收录于：

开发拾遗（前端）
12 篇文章 0 人学习
订阅专栏 查看详情
标签
#select #文字居中
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
23、管状剪纸结构的研究与功能生成连杆机构的综合设计 本文研究了管状剪纸结构的压缩运动特性，通过剪纸技术将非刚性可折叠的Yoshimura和Kresling折纸结构转化为刚性可折叠结构，并提出径向可闭合剪纸（RC-kiri）构型。推导了位移与折叠角之间的数学关系，设计了带外部LET接头的RC-kiri模型，建立了力-位移理论模型并通过Abaqus进行有限元验证，制作了3D打印物理模型以测量直径变化。同时，研究了四杆和六杆功能生成连杆机构的综合设计方法，基于负闭合运动链和最小二乘法实现函数生成。结果表明理论、仿真与实验整体吻合良好，误差来源得到分析，为机器人、机 阅读详情

相关推荐

别再只做游戏了！用虚幻引擎5（UE5）给你的工厂车间做个数字双胞胎（附数据对接教程）

本文详细介绍了如何利用虚幻引擎5（UE5）构建工业数字孪生系统，实现工厂车间的智能可视化。通过UE5的高质量渲染和实时数据处理能力，结合OPC UA和MQTT协议，打造高效的数据对接方案，提升异常识别和设备管理效率。文章还分享了模型优化、可视化设计及典型工业场景的实战案例，助力企业迈向工业4.0。

weixin_33738555的博客 206

html select 上下居中显示,在IE8中使用padding设置select控件文字垂直居中

在火狐、苹果、谷歌、欧鹏等主流浏览器中，select下拉表单的文字能够垂直居中，如图：而在ie8中，select下拉表单的文字基本就是靠底部显示，如图：那么，如何使得ie8下的select文字垂直居中呢？答案就是设置select{padding:5px 0;}，如图：如果想使得select有一定的高度，可再设置其height即可。最后给大家来点笑话吧，解解乏：1、老师：“在我的课上不允许玩手机，实...

weixin_35662528的博客 598

思博伦Spirent TestCenter创建单播流uni-stream

Traffic Generator列表中会出现刚才创建的uni-stream，创建完成。通常测试情况下，主要对Ethenet II和IPv4 Header进行配置。（通常情况下，如果流配置比较规范，选择任意端口接收，也没问题。编辑uni-stream基本信息。配置本条流由STC哪个端口接收。

辗转反测的博客 1681

ie8兼容问题(二) select文字垂直居中问题

ie8兼容问题(二) select文字垂直居中问题 使用padding使得select垂直居中

云_飞扬 3016

ios开发拒绝“玄学”Crash：从循环引用到脏内存，构建你的系统性排查思维模型

你申请了内存，写了数据，这块内存就是脏的。系统无法直接回收它，除非你显式释放，或者系统把它 swap 出去（但在 iOS 上，Compressed Memory 机制虽然能压缩，但不会像桌面系统那样频繁 swap 到磁盘，一旦压缩内存也撑不住，你也得挂）。所以，排查 OOM 的核心心法只有一条：不要问“哪里漏了”，要问“每一刻，留在这个页面上的内存，凭什么必须在这里？一旦内存水位线逼近阈值（不同机型不同，老机器可能 600MB 就危，新机器能抗 1.5GB），系统发个警告。

大模型大数据攻城狮的专栏 724

深度学习实战102-基于深度学习的网络入侵检测系统，利用各种AI模型和pytorch框架实现网络入侵检测

在明确了研究背景后，我们需要设定明确的项目目标。本项目的核心目标是开发一个高精度、低延迟的网络入侵检测系统检测准确率：达到95%以上，确保系统能够有效识别各类已知和未知的入侵行为。响应时间：控制在毫秒级范围内，以实现实时监测和快速响应。模型鲁棒性：在面对不同类型的网络环境和攻击手法时，系统需保持稳定的性能输出。可扩展性：系统设计需考虑未来可能面临的新型威胁，便于后续升级和维护。

微学AI的博客 1793

解决IE下select标签内文字不居中的文字（垂直），input元素不居中

select设置 padding：xpx 0； input 元素垂直居中，需设置 input 元素的 vertical-align：middle 属性；

沐雨聼風 4577

YOLOv9 损失函数解析

YOLOv9作为YOLO系列的最新成员，在损失函数设计上进行了多项创新，重点优化了动态任务对齐机制、多模态定位损失融合以及跨层级梯度协同，进一步提升了检测精度与训练效率。

浩瀚之水的专栏 1293

select中文字垂直居中解决办法

我们知道select标签在各个浏览器中的属性和各浏览器的支持各有些不同，从而造成select选择框在各浏览器的显示有不同，下面我们通过对主要 外形CSS属性的支持，打造全兼容select。 我对select的height、padding、line-height分别利用控制变量的方法写了个DEMO在各浏览器上测试三种情况：height.100.padding.0、height.n...

weixin_30791095的博客 696

【乐企文件生成工程】关于乐企文件生成工程的详细介绍

发票文件生成方式有两种思路：1、根据已有的OFD模板，动态替换ofd模板内容；之后将ofd转pdf（局限：单行问题不大）详情可以在此处了解2、根据html模板动态占位：该工程就是这种方式 ，目前效果良好，可看下图。拿去即用的源码！无任何保留，当然也并不是所有票种都支持（时间有限、精力有限、已经连着转了，要冒烟了…）

九七的博客 2031

搭建自己的MQTT服务器，实现设备上云(Ubuntu+EMQX)

这篇文章教大家在ECS云服务器上部署EMQX，搭建自己私有的MQTT服务器，配置EMQX实现设备上云，设备数据转发，存储；服务器我采用的华为云的ECS服务器，系统选择Ubuntu系统。

2万+

IE、Chrome、Firefox下的按钮文字居中

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

weixin_33978044的博客 185

Linux C/C++ or 嵌入式面试之《C/C++笔面试系列》(10) C++ 前置后置增减运算符重载形式与比较

C语言的++、–运算符在此不讨论。 文章目录1、前置后置增减运算符重载的形式2、前置和后置运算符的性能比较 1、前置后置增减运算符重载的形式 自增运算符“++”和自减运算符“–”分别包含两个版本。即运算符前置形式(如 ++x)和运算符后置形式(如 x++)，这两者进行的操作是不一样的。因此，当我们在对这两个运算符进行重载时，就必须区分前置和后置形式。C++根据参数的个数来区分前置和后置形式。如果按照通常的方法来重载 ++ 运算符(即作为成员函数重载时不带参数，或者作为非成员函数重载时带有一个参数)，那么重载

二进制君 5831

浏览器兼容性问题解决

http://blog.youkuaiyun.com/chuyuqing/article/details/37561313 http://www.jb51.net/css/28150.html http://www.cnblogs.com/cs_net/articles/2033008.html http://www.68design.net/Web-Guide/HTMLCSS/37154-1.

孤城幻夜 398

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android：LinePhone3.2.7(最新版本)，官网地址：http://www.linphone.org/

霍尼韦尔SoftMaster使用说明

霍尼韦尔SoftMaster使用说明

IE6,IE7,FF兼容CSS的差别及解决办法

CSSHACK 区别IE6与FF： background:orange;*background:blue; background:orange;_background:blue; background:blue;!important;background:orange; 区别IE6与IE7： background:blu...

weixin_30496431的博客 74

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章，有部分习题没有答案，全英文复分析阿尔福斯(Ahlfors) 第三版答案

IE浏览器兼容问题

1、margin兼容性问题 　　1）margin-top传递，子元素上下margin会传递给父级 　　阻止：触发BFC（如overflow:hidden;拯救标准浏览器及IE78）、触发IE的haslayout zoom:1（拯救IE67）; 　　2）上下margin叠压（触发条件：同级元素，第一个元素的下与第二个元素的上会叠压在一起） 　　解决方案：两个元素分开设置ma...

angzhuanpao7272的博客 183

IEM模型，地表粗糙度模拟

利用微波反演土壤水分时候，利用IEM模型可以实现对随机地表的模拟

ie支持html5块状元素,IE浏览器兼容性问题解决方案

一、CSS常见问题1、H5标签兼容性解决方案：2、元素浮动之后，能设置宽度的话就给元素加宽度，如果需要宽度是内容撑开的，就给它里边的块元素加上浮动float:left;3、第一块元素浮动，第二块元素加margin-left值等于第一块元素宽度，在IE6下会有间隙问题解决方案：不要用margin-left，给两个元素都加上浮动float:left;4、IE6下子元素超出父级宽高，会把父级宽高撑开，比...

weixin_32129187的博客 392

IE浏览器兼容性问题解决方案

一、CSS常见问题 1、H5标签兼容性 　　解决方案：<script src="http://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script> 2、元素浮动之后，能设置宽度的话就给元素加宽度，如果需要宽度是内容撑开的，就给它里边的块元素加上浮动float:left; 3、第一块元素浮动，...

290

vertical-align：让表单与文字垂直对齐

最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示： 于是上网查看了一些网站，发现这个问题是普遍存在的，如下图（FF3.5）：

编程手札 2743

浏览器兼容性

区别IE6与FF：  background:orange;*background:blue;  区别IE6与IE7：  background:green !important;background:blue;  区别IE7与FF：  background:orange; *background:green;  区别FF，IE7，IE6：  background:orange;*bac

lzshentibang的专栏 546

CSS随笔

光学三原色：红绿蓝(色彩三原色：红黄蓝) 颜色代码：#f40 r g b 00-ff00-ff00-ff 颜色函数 rgb(0-255,0-255,0-255,0-1) margin塌陷(父子)，margin合并(同级)：垂直方向上的margin，以最大值为准 *bfc(block format context)* 如何触发一个盒子的bfc： ...

banyebo8635的博客 171

日常技巧总结

注：日常工作中有好多小的技巧，时间长了容易遗忘，现总结如下，以作备忘。 1、透明iframe： 首先在引入iframe时增加allowTransparency="true"的属性设置，然后将被引用的页面的body的background属性设置为transparent 2、流式布局中图片垂直居中对齐： 增加 align="absmiddle"的属性设置，另外图片一般需要增加border=0的...

liudaoru - 悟 107

jsp实用技巧

1、透明iframe： 首先在引入iframe时增加allowTransparency="true"的属性设置，然后将被引用的页面的body的background属性设置为transparent 2、流式布局中图片垂直居中对齐： 增加align="absmiddle"的属性设置，另外图片一般需要增加border=0的属性设...

weixin_34413103的博客 273
上一篇： 在IE7及其以下的浏览器中form标签有默认的margin值
下一篇： 让页面出现滚动条的时候，滚动条不影响页面宽度
点赞 3
评论 0
书签 书签 1
code旅行者
code旅行者
博客等级 码龄15年 22粉丝 107原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值