成都web前端培训
成都达内金融街中心

18628200088

热门课程

input文字信息垂直居中

  • 时间:2016-05-24 10:25
  • 发布:成都达内
  • 来源:达内

在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;

}

上一篇:border-radius生成各类圆角
下一篇:针对a标签伪类的运用
选择城市和中心
贵州省

广西省

海南省