css - 如何在Firefox中为单个css样式语句提供条件注释

Question

我有一个具有以下属性的类

.vote{
    position:absolute;
        margin: 53px 3px 0 60px;
     }

但我想给余量： 53px 3px 0px 60px in firefox 和

边距：53 像素 3 像素 0 115 像素在 chrome 中。我必须为此使用条件注释做什么

Answer 1

您可以通过 css 条件执行此操作

body{background-color:#0FF; } /* for normal browser */

@media screen and (-webkit-min-device-pixel-ratio:0) { body{background-color:#F90;} } /* for webkit browser like crome, safari */

@-moz-document url-prefix() { body{ background-color:#090;}} /* for firefox */

但这不是一个有效的 CSS

Answer 2

您可以通过userAgent使用JavaScript 来检测用户浏览器，然后根据结果应用所需的样式。

function getBrowser()
{
  var browser = navigator.userAgent;
  if (browser.toLowerCase().indexOf('msie') > -1) return 'ie';
  else if (sBrowser.toLowerCase().indexOf('firefox') > -1) return 'firefox';
  else return 'mozilla';
}

您只需要检查可能的浏览器名称而不是返回它的名称。