适用于 mozilla 和 chrome 的浏览器特定样式表答案

【问题标题】：Browser specfic stylesheet for mozilla & chrome适用于 mozilla 和 chrome 的浏览器特定样式表
【发布时间】：2017-02-06 04:28:45
【问题描述】：

如何为不同的浏览器（主要是 MozillaFF 和 chrome）声明不同的 CSS 样式表？我已经看到了很多关于 javascript 堆栈溢出的答案。有没有其他办法？

【问题讨论】：

您几乎可以肯定不需要。如今，Firefox 和 Chrome 都非常符合标准，它们呈现页面的方式应该没有太大差异。（除非你真的指的是 Mozilla 浏览器，在他们开始生产 Firefox 之后，Mozilla 在很多很多年前就停止生产了……但这在 WWW 上无法使用）
火狐就是这样。我已经尝试重置 css 元素，但是我的一个表单在这 2 个浏览器中打开时大小不同

【解决方案1】：

您可以在 css 文件中定位特定浏览器

-moz-height: 20px; //firefox specific css
-webkit-height: 20px; // chrome specific css

【讨论】：

尝试了以下但不起作用#filter-details form { -moz-line-height: 1.8px; -webkit-line-height：1.5px； }

【解决方案2】：

您可以将 -webkit- 前缀与 chrome 的 css 属性一起使用并且可以将 -moz- 前缀与 Mozilla Firefox 的 css 属性一起使用。

【讨论】：