html - 针对 chrome 而不是 safari scss

标签 html css google-chrome safari sass

我正在寻找一种方法来仅在 scss 中的 mixin 中定位 chrome 浏览器。

@mixin {
 &:after {
 border-bottom:black; 

  @media screen and (-webkit-min-device-pixel-ratio:0) { border-bottom: red; }

  }

}

目前这同时针对 safari 和 chrome。

最佳答案

单独的 css 没有特别的 hack,而你可以覆盖 safari 的 css

用于 WEBKIT

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .class{color:red;}
}

仅覆盖 Safari

::i-block-chrome,.class {
 color:blue;
}}

关于html - 针对 chrome 而不是 safari scss,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25766966/

相关文章:

css - 如何在不同的桌面设备上应用相同的背景图像

android - 如何让我的 android 应用程序检测 ARC 中是否有互联网连接?

javascript - REPLACE命令如何阻止所有其他js库?

html - 放置在 iframe 中时如何使视频全屏显示?

css - 无法将 div 一个放在另一个下面

html - Bootstrap 列未对齐的文本和图像

javascript - ZK Framework 在 Chrome 17 中不起作用吗?

html - 为什么 2px 边框在 Firefox 和 Chrome 中渲染得比 2px 高度高?

javascript - 马来西亚手机号码的正则表达式模式

html - 如何将选择标签放在 Bootstrap 的左侧