Firefox专属hack的写法详细介绍

日期:2021-01-20 类型:科技新闻 

关键词:微信小程序页面设计,python小程序,小程序首页模板,如何建立微信小程序,怎么做微信小程序

以前仅有ie6、ie6、firefox时,要是写!important就可以够伶仃给firefox做hack了,但是此时多了ie8、opera、chrome等这些个所说的标准访问器后,firefox能熟习的专用工具它们都熟习,偏生firefox有个致命的bug便是不撑持input的line-height特性,因而我又犯累计了,如何办如何办如何如何办呢?

在网上搜刮1大圈,终究创造发明1个好对策,那便是@-moz-documenturl-prefix(){这搭是放css句子的场所},恁地巨大的1句话,仅有firefox熟习,如许就可以够给firefox配备至相关line-height的padding了。

举个事例,原本1个功能键的css是如许

拷贝编码
编码以下:

.defaultmallsearchbt{width:70px;height:22px;line-height:22px;padding-left:16px;color:#fff;border:none;background:url(../images/defaultmallsearchbt.gif)no-repeat;cursor:pointer;}

但是在firefox下书契在功能键上是沒有铅直垂直居中的,因此要加上如许1句:

拷贝编码
编码以下:

@-moz-document url-prefix(){.defaultmallsearchbt{padding:0 0 4px16px;}}

疑难问题题型目解释题决,万事如意!

拷贝编码
编码以下:

.input2{width:30px;height:21px;padding-top:4px;border:1px solid#d5d5d5;position:relative;*top:4px;}
@-moz-document url-prefix(){.input2{top:2px;}}