Firefox专属hack的写法
2015-10-10 13:41
281 查看
之前只有ie6、ie6、firefox时,只要写!important就能够零丁给firefox做hack了,可是此刻多了ie八、opera、chrome等这些个所说的规范浏览器后,firefox能熟悉的工具它们都熟悉,偏生firefox有个致命的bug就是不撑持input的line-height属性,
网上搜刮一大圈,终于发明1个好措施,那就是@-moz-document url-prefix(){这搭是放css语句的处所},恁地庞大的一句话,只有firefox熟悉,如许就能够给firefox配置至有关line-height的padding了。
举个例子,本来1个按键的css是如许
.defaultmallsearchbt{width:70px;height:22px;line-h eight:22px;padding-left:16px;color:#fff;border:none ;background:url(../images/defaultmallsearchbt.gif) no-repeat;cursor:pointer;}
可是在firefox下书契在按键上是没有铅直居中的,以是要加之如许一句:
@-moz-document url-prefix(){.defaultmallsearchbt{padding:0 0 4px 16px;}}
疑难题目目解释题决,万事大吉!
.input2{width:30px;height:21px;padding-top:4px;border:1px solid #d5d5d5;position:relative;*top:4px;}
@-moz-document url-prefix(){.input2{top:2px;}}
网上搜刮一大圈,终于发明1个好措施,那就是@-moz-document url-prefix(){这搭是放css语句的处所},恁地庞大的一句话,只有firefox熟悉,如许就能够给firefox配置至有关line-height的padding了。
举个例子,本来1个按键的css是如许
.defaultmallsearchbt{width:70px;height:22px;line-h eight:22px;padding-left:16px;color:#fff;border:none ;background:url(../images/defaultmallsearchbt.gif) no-repeat;cursor:pointer;}
可是在firefox下书契在按键上是没有铅直居中的,以是要加之如许一句:
@-moz-document url-prefix(){.defaultmallsearchbt{padding:0 0 4px 16px;}}
疑难题目目解释题决,万事大吉!
.input2{width:30px;height:21px;padding-top:4px;border:1px solid #d5d5d5;position:relative;*top:4px;}
@-moz-document url-prefix(){.input2{top:2px;}}
相关文章推荐
- docker搭建简单web服务
- springMVC教程中级(五)统一异常处理
- MFC多字符集
- webrtc sip html5
- ZOJ 3778 Talented Chef(计算器模拟)
- 单元测试利器——Mockito
- 高效的加载图片2.通过子线程(AsyncTask)加载图片
- MFC多字符集
- 如何使用Apache的ab工具进行网站性能测试
- python初学网页扒取
- 驱动程序收到意外的登录前响应。请验证连接属性,并检查 SQL Server 的实例正在主机上运行,且在此端口接受 TCP/IP 连接。该驱动程序只能与 SQL Server 2000 或更高版本一起使
- 程序设计竞赛常用技巧精选
- maven mybatis 快速生成
- 多台服务器最好加上相同的machineKey
- Android SDK 墙内更新方法 速度杠杠的
- Jquery.validate表单验证
- java入门第一天 基本介绍 环境配置 小小测试(上)
- 自定义超简单SearchView搜索框
- MFC消除视图闪烁
- C#给文件夹添加权限