针对火狐的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