解决Firefox下input button内文字垂直居中
来源:互联网 发布:中国云计算大会 刘鹏 编辑:程序博客网 时间:2024/05/22 00:19
很老的问题了,如今再次碰到,记录下来,给后来者方便!
众所周知,在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现:
- 按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致);
- 按钮文字居中是不行的(此时设置padding-bottom是没用的) ;
- 等等…
解决办法:
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;padding:0;}
转载:http://www.daqianduan.com/firefox-input-button/
- 解决Firefox下input button内文字垂直居中
- 解决Firefox下input button内文字垂直居中
- 解决IE下select标签内文字不居中的文字(垂直),input元素不居中
- input 文本框 文字垂直居中对齐 ie firefox
- ie8下文本框内文字垂直居中
- firefox 火狐 input 垂直居中
- 火狐button文字垂直居中
- input文本框文字垂直居中
- input文本框文字垂直居中
- div内文字垂直居中
- span内文字垂直居中
- 浏览器兼容CSS代码:按钮文字垂直居中(input button text vertical align)
- input中文字的垂直居中
- div内文字和控件垂直居中
- 实现DIV内文字垂直居中
- html 中input 框 与文字不能垂直居中, 怎么解决?
- 在IE8/FireFox下如何让div内的table垂直居中?[
- DIV实现input垂直居中 兼容IE6和Firefox
- 醉酒后的《梦里水乡》
- Git详解之一:Git起步
- easyui datagrid IE下合并单元格后行高变大
- C++抽象类问题
- 1125 Stockbroker Grapevine
- 解决Firefox下input button内文字垂直居中
- 从大数据中获取用户体验及用户行为的10个方法(摘录)
- android 如何对文件中的16进制数据转换成二进制数据
- 【java 中的connection reset 异常处理分析】
- lua学习笔记4之语法
- java学习1
- Android颜色值表大全
- android:autoLink和Linkify
- 三位数之和