<script type="text/javascript">
var isChrome = /Chrome/.test(navigator.userAgent) && /Google
Inc/.test(navigator.vendor);
if (isChrome) {
document.write('<'+'link rel="stylesheet"
href="css/framesmainchrome.css" />');
}
/script>
在上面的脚本中,我得到了 Chrome 浏览器,我可以轻松地为 Chrome 浏览器应用特定的 CSS 文件。
我想为 Mozilla Firefox 浏览器应用另一个 CSS 文件,因此修改上面的脚本来解决我的问题。
最佳答案
好的,我找到了。这可能是最干净、最简单的解决方案,并且不依赖于打开 JavaScript。
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
@-moz-document url-prefix() {
h1 {
color: red;
}
}
</style>
</head>
<body>
<h1>This should be red in FF</h1>
</body>
</html>
它基于另一个 Mozilla 特定的 CSS 扩展。这里有这些 CSS 扩展的完整列表:https://developer.mozilla.org/en-US/docs/Web/CSS/Mozilla_Extensions
关于javascript - 如何将特定的 CSS 文件应用到 Mozilla Firefox 浏览器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44644602/