針對火狐的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