终于找到了，最新针对Chrome的CSS hack代码

技术频道 - html技术

终于找到了，最新针对Chrome的CSS hack代码

作者:admin 时间:2022-5-6 13:6:20 浏览:

前面介绍过CSS识别Chrome、Firefox、IE11的代码，不过文章并没有提及单独针对Chrome的CSS hack，而是针对Firefox和IE11编写独立代码，Chrome使用的是公共主体代码。我今天在国外网站，找到了单独针对Chrome的CSS hack代码，测试有效！

最新针对Chrome的CSS hack代码

实例

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title></title>

  <style type="text/css">
  body{
    background:#ccc;
  }
  
  div{
    color:blue;
  }
    /* firefox */
  @-moz-document url-prefix(){
    div{
        color:red;
    }
  }
    /* IE11+ */
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {
    div{
        color:yellow;
    }
  }
  /* Chrome */
 @supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
   and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) { 
    div{
        color:white;    
    }
 }
  </style>
</head>
<body>
   <div>
      卡卡网 www.webkaka.com
   </div>
</body>

</html>