解决Firefox下input button内文字垂直居中
2012-10-17 23:29
260 查看
在Firefox下inputtype=”button”的文字是不好居中的,原因在于Firefox的私有属性,导致以下问题的出现:
按钮左右本身有2px的间距(FF私有属性写了padding:02px所致);
按钮文字居中是不行的(此时设置padding-bottom是没用的);
等等…
解决办法:
按钮左右本身有2px的间距(FF私有属性写了padding:02px所致);
按钮文字居中是不行的(此时设置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;}
相关文章推荐
- 解决Firefox下input button内文字垂直居中
- html 中input 框 与文字不能垂直居中, 怎么解决?
- placeholder垂直居中(解决光标居中、文字不居中问题)
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- 解决Firefox下input button内文字垂直居中
- 图片和span水平垂直居中问题(主要解决小图标+文字水平垂直居中的问题)
- 解决Firefox下input button内文字垂直居中
- IE9不支持CSS line-height的文字垂直居中解决方法
- 解决React Native中使用TabNavigator时、对tab只设置文字时文字没有垂直居中
- 解决IE下select标签内文字不居中的文字(垂直),input元素不居中
- UITextView 文字莫名其妙垂直居中解决办法
- Firefox下input button内文字不能垂直居中的解决方法
- CSS 解决表单单行文本框中的文字垂直居中问题
- 解决firefox的button按钮文字不能垂直居中
- 解决Firefox下input button内文字垂直居中
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- uilabel 的文字是单行的时候,它会垂直居中,让它不垂直居中的解决办法
- IE9不支持CSS line-height的文字垂直居中解决方法
- css解决文字垂直居中