在IE8中使用padding设置select控件文字垂直居中

在火狐、苹果、谷歌、欧鹏等主流浏览器中,select下拉表单的文字能够垂直居中,如图:

而在ie8中,select下拉表单的文字基本就是靠底部显示,如图:

那么,如何使得ie8下的select文字垂直居中呢?

答案就是设置select{padding:5px 0;},如图:

如果想使得select有一定的高度,可再设置其height即可。

最后给大家来点笑话吧,解解乏:

1、老师:“在我的课上不允许玩手机,实在不想听的人可以睡觉!”
小明:“可是老师,睡觉之前我想玩会儿手机……”

2、老师:“小明,你将来想找一份什么样的工作?”
小明:“钱多事少离家近!”
老师:“那是怎样的一份工作呢?”
小明:“在小区门口摆个碗,月收入过万!”
老师:“滚出去。”

3、老师:汉字中,凡带三点水的,一定都有水,比如,江,河,湖,海……
小明:沙漠
老师:滚!
小明:我滚的时候,也没看到有水啊!
老师:滚滚滚!

4、老师上课叫小明起来回答问题,想锻炼他的胆子。
小明弱弱的说到:。。。老师我。。。我不会。。。
老师便说:就不能像个男子汉一样?
小明若有所思。。。终于,小明怒拍桌子,大吼一声,“老子不会!”

时间: 2024-11-24 17:44:44

在IE8中使用padding设置select控件文字垂直居中的相关文章

Jquery设置select控件指定text的值为选中项

<select name="streetid" id="streetid"> <option value="4">北环路</option> <option value="5">天河路</option> <option value="6">清华园路</option> <option value="7"

仿jquery mobile中的select控件效果

不说废话,直接上代码,最好将on.png和off.png也使用jquery mobile里的图片 //仿jQuery mobile Select控件 //用法box为容器id,_id指控件id,selectvalue为选中值,Value为当前值 function SelectBox(box,_id,selectvalue,Value) { if(Value != selectvalue) { $("#" + box).html("<input type=hidden v

asp.net中遍历界面上所有控件进行属性设置

* 使用方法: *  前台页面调用方法,重置:    protected void Reset_Click(object sender, EventArgs e)        {            initControl(Page, "isClear");        } * 备注信息: 上传部分自己总结的常用方法的封装,有不足和不完美之处,希望大家指出来,愿意一起 * 主要研究erp,cms,crm,b2b,oa等系统和网站的开发,欢迎有共同追求和学的IT人员一起学习和交流.

C#中设置TextBox控件中仅可以输入数字且设置上限

首先设置只可以输入数字: 首先设置TextBox控件的KeyPress事件:当用户按下的键盘的键不在数字位的话,就禁止输入 1 private void textBox1_KeyPress(object sender, KeyPressEventArgs e) 2 { 3 if (e.KeyChar != 8 && !Char.IsDigit(e.KeyChar))//如果不是输入数字就不让输入 4 { 5 e.Handled = true; 6 } 7 } 设置上限: 设置TextBox

JQuery select控件的相关操作

本文转载于 http://www.cnblogs.com/zfc2201/archive/2012/09/06/2674312.html JQuery获取和设置Select选项方法汇总如下: 获取select 先看看下面代码: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:s

Duilib中带有权重的灵活控件排列实现(一)

在开发播放器软件过程中,因为窗口的大小是可变的,为了让控制栏部分的控件(播放,上一集,下一集,全屏,字幕等)适应窗口的尺寸的变化而显示隐藏,产品经理会定义一系列的规则,好让在任何时候都最核心的功能提供给用户使用. 先列一下产品经理给予的需求: 两边往中间缩,保证左侧LOGO和右侧X最优先显示. 顶部隐藏优先级:搜索栏,换肤,意见反馈,播放记录,最小化,最大化 底部隐藏优先级:全屏,画质增强,无痕,打开文件,播放顺序,音量条 在处理这个需求过程中,前人也尝试了一些方法,比较通过全float绝对布局

js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)

原文:js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js 代码// 1.判断select选项中 是否存在Value="paraValue"的Item        function jsSelectIsExitItem(objSelect, objItemValue) {            var isExit = false;            for (var i

Javascript 操作select控件

转:Javascript 操作select控件大全(新增.修改.删除.选中.清空.判断存在等)Posted on 2007-08-08 14:56 礼拜一 阅读(5) 评论(0) 编辑 收藏 1判断select选项中 是否存在Value="paraValue"的Item  2向select选项中 加入一个Item  3从select选项中 删除一个Item  4删除select中选中的项  5修改select选项中 value="paraValue"的text为&q

关于ueditor的select控件的key为空时出现校验bug的修复

在工作流表单中,因ueditor编辑器的原因, 下拉框控件会出现如下情况 当 第一个 下拉项 的 值:不输入内容时,生成的select源码如下: <select style="width:80px;height:25px;"> <option>请选择</option> <option value="M">男</option> <option value="F">女</o