解决Firefox下input button内文字垂直居中
2012-07-20 17:07
232 查看
老的问题了,如今再次碰到,记录下来,给后来者方便! 众所周知,在Firefox下input type=”button”的文字是不好居中的,原因在于Firefox自己比较二,弄了个私有属性,导致以下问题的出现:
按钮左右本身有2px的间距(FF私有属性写了padding:0 2px所致);
按钮文字居中是不行的(此时设置padding-bottom是没用的) ;
等等…
解决办法:
按钮左右本身有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; }因为简单,所以不多写了,研究更是无从说起。
相关文章推荐
- CSS 解决表单单行文本框中的文字垂直居中问题
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- uilabel 的文字是单行的时候,它会垂直居中,让它不垂直居中的解决办法
- 解决firefox的button按钮文字不能垂直居中
- 解决React Native中使用TabNavigator时、对tab只设置文字时文字没有垂直居中
- css解决文字垂直居中
- IE9不支持CSS line-height的文字垂直居中解决方法
- 解决firefox的button按钮文字不能垂直居中
- 解决firefox下button文字不能垂直居中的问题
- 解决Firefox下input button内文字垂直居中
- placeholder垂直居中(解决光标居中、文字不居中问题)
- 解决Firefox下input button内文字垂直居中
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- input文本框、文字、按钮、图片 垂直居中对齐的解决办法
- 解决Firefox下input button内文字垂直居中
- 图片和span水平垂直居中问题(主要解决小图标+文字水平垂直居中的问题)
- 解决Firefox下input button内文字垂直居中
- IE9不支持CSS line-height的文字垂直居中解决方法
- 解决IE下select标签内文字不居中的文字(垂直),input元素不居中
- UITextView 文字莫名其妙垂直居中解决办法