针对火狐的CSS样式设置

在工作中发现，有些效果在chrome浏览器中能实现的效果，在火狐下没有（设置-moz-box也不能实现），比如截几行，在chrome下通过下述代码实现：

display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

网上的一种方法已经失效：

@-moz-document url-prefix(){* { background-color: red;
}

经查阅发现，该方法在18年已经失效。

经验证，以下两种方法可行：

方法一

@media screen and (min--moz-device-pixel-ratio:0) {* {background-color: red;}
}

方法二

_:-moz-tree-row(hover), *{background-color: pink;
}

缺陷是没有…的效果

借鉴网址：
http://leeiio.me/css-hack-for-firefox-opera-safari-ie/
https://stackoverflow.com/questions/19794423/moz-document-url-prefix-not-working

针对火狐的CSS样式设置相关推荐

CSS样式设置语法全解，样式优先级、值和单位、字体、文本、块级元素，行内元素，替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...
FLEX里的CSS样式设置教材
FLEX3中应用 CSS完全详解手册! 编辑完这个FLEX下的CSS说明后,我基本已经兵临崩溃边缘了.在些天在AIRIA下了不少好东西,今天终于有空,也发一个比较不错的东西给大家,相信都比较需要这个 ...
使用CSS样式设置文本超出2行显示为省略号
设置文本超出2行显示为省略号在设计前端页面中,我们经常会遇到文本太长导致超出规定区域的情况. 我们只需要在文本中设置以下样式即可解决该问题: html页面: <div class=" ...
php 给字符中间添加间距,html中的字符间距怎么设置？css样式设置文本对齐方式总结...
我们经常用的html字符间距总是不好设置,html的文本对齐方式也不会设置,现在这篇文章就来帮助大家了,这里有关于html 字符间距的调整,还有文本的对齐方式设置,现在让我们来看看这篇文章吧首先我们 ...
html取消自动换行怎么设置,css样式设置不自动换行而是隐藏的方法
css样式里面如何设置超出部分不换行而是自动隐藏呢?请看下面的例子: .xg ul li p { height: 36px; line-height: 18px; overflow: hidden; ...
在PHP中给表格加上css样式,表格CSS样式设置给table表格设置CSS样式表
表格table tr td CSS花色设置给table表格设置CSS花式表在一个网页中多处运用了表格table标签,这个时候给指定的表格对象设置装备摆设款式仿照照旧概略经由CSS发展管束配置. 着 ...
uniapp怎么引入css_uniapp - css样式设置scoped
1.App.vue(样式层级高)定义样式就可以覆盖子组件或者父组件,无论有没有设置scoped关键字 export default { onLaunch: function() { console.l ...
css知识笔记（五）——css样式设置小技巧
水平居中设置-行内元素如果被设置元素为文本.图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的.如下代码: html代码: <body><d ...
html ifrme 选择器,html中iframe/css样式设置，id,class选择器的使用规则等学习2019.9.2 08:00...
实例 html> 外部样式 I Love PHP中文网!from 赵桂福运行实例 » 点击 "运行实例" 按钮查看在线实例 2.内部样式:用标签实例 html> ...

针对火狐的CSS样式设置

针对火狐的CSS样式设置相关推荐

最新文章

热门文章