我该如何为Safari浏览器提供不同的CSS

我想为safari提供不同的CSS。因为我的代码在Chrome和Firefox中完美运行。但它破坏了Safari浏览器的结构。所以，我想为safari提供不同的样式表。我已经尝试过，我该如何为Safari浏览器提供不同的CSS

button{ 
     margin: 0px 10px 0px 0px /* Safari */; 
     margin: 0px 10px 0px 20px /* chrome */; 
}

这只是一个例子，但有这么多的事情，这在野生动物园打破。

来源

2015-10-15 Shurvir Mori

你可以检查这个答案的澄清细节 - http://stackoverflow.com/questions/16348489/is-there-a-css-hack-for-safari-onl y-not-chrome –

您可以通过php或Javascript检查浏览器，然后如果它是Safari，请为该元素添加一个类并为其添加额外的样式。 – Mossen

Safari不应该给这么多问题。您是否正在测试Safari for Windows？这是一个多年来一直未得到支持的死浏览器，并且存在安全漏洞。你应该鼓励人们停止使用它。 – Quentin

您可以使用jQuery的目标Safari浏览器而言，并装载备用CSS或完全不同的样式表，如果你想：

if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1){ 
 
    // do something for Safari only 
 
} else { 
 
    // do something else in all other browsers 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

来源

2015-10-15 06:49:11 Steve

我同意rajveer家蚕，试试这个代码

<head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
     <style type="text/css">audio {display: none;}</style> 
    </head> 
    <body> 
    <ul id="nav-two" class="nav"> 
     <li> 
      <a href="#">Home</a> 
      <audio id="sound" controls preload="auto"><source src="http://soundbible.com/mp3/MP5_SMG-GunGuru-703432894.mp3" controls></source></audio> 
     </li> 
     <li><a href="#">About</a></li> 
     <li><a href="#">Clients</a></li> 
     <li><a href="#">Contact Us</a></li> 
    </ul> 
    <script> 
    $("#nav-two a") 
     .each(function(i) { 
     if (i != 0) { 
      $("#sound") 
      .clone() 
      .attr("id", "sound" + i) 
      .appendTo($(this).parent()); 
     } 
     $(this).data("beep", i); 
     }) 
     .mouseenter(function() { 
     $("#sound" + $(this).data("beep"))[0].play(); 
     }); 
    $("#sound").attr("id", "sound0"); 
    </script> 
    </body>

来源

2016-09-17 12:22:11

我该如何为Safari浏览器提供不同的CSS

回答

相关问题