解决Firefox下input button内文字垂直居中
2014-07-03 14:37
190 查看
众所周知,在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现:
按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致);
按钮文字居中是不行的(此时设置padding-bottom是没用的) ;
等等…
按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致);
按钮文字居中是不行的(此时设置padding-bottom是没用的) ;
等等…
1 input[type="reset"]::-moz-focus-inner, 2 input[type="button"]::-moz-focus-inner, 3 input[type="submit"]::-moz-focus-inner, 4 input[type="file"] > input[type="button"]::-moz-focus-inner{ 5 border:none;padding:0; 6 }
相关文章推荐
- 解决Firefox下input button内文字垂直居中
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- 解决React Native中使用TabNavigator时、对tab只设置文字时文字没有垂直居中
- CSS 解决表单单行文本框中的文字垂直居中问题
- UITextView 文字莫名其妙垂直居中解决办法
- IE9不支持CSS line-height的文字垂直居中解决方法
- uilabel 的文字是单行的时候,它会垂直居中,让它不垂直居中的解决办法
- 解决Firefox下input button内文字垂直居中
- 解决firefox的button按钮文字不能垂直居中
- 解决Firefox下input button内文字垂直居中
- 解决Firefox下input button内文字垂直居中
- 图片和span水平垂直居中问题(主要解决小图标+文字水平垂直居中的问题)
- html 中input 框 与文字不能垂直居中, 怎么解决?
- css解决文字垂直居中
- 解决firefox下button文字不能垂直居中的问题
- 解决firefox的button按钮文字不能垂直居中
- placeholder垂直居中(解决光标居中、文字不居中问题)
- IE9不支持CSS line-height的文字垂直居中解决方法
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- 解决IE下select标签内文字不居中的文字(垂直),input元素不居中