因此,您可以使用以下 CSS 仅在 Firefox 中覆盖样式:
button.needs-overridden-in-firefox {
line-height: 20px;
padding: 6px 16px;
}
@-moz-document url-prefix() {
/* firefox line-height behaves differently, compensate with padding-top */
button.needs-overridden-in-firefox {
padding-top: 0;
}
}
...但这可以写为 SASS 文件中的样式吗?我已经尝试了以下方法,并在 Mindscape Web Workbench 的编译器中遇到了编译器错误。
@-moz-document url-prefix() {
button.needs-overridden-in-firefox {
padding-top: 0;
}
}