css - 在 chrome 中覆盖/禁用用户样式表

Question

在 chrome(版本 39.0.2171.71 m)上，我对所有(基于 Bootstrap 的)模态都有问题。

我发现了问题，但需要帮助解决:

模态框的隐藏类被用户样式表覆盖:

/* user stylesheet */ 
.hide {                               
  position: absolute;
  top: -9999px;
  left: -9999px;
}

如何防止这种情况发生？

(例如，如果我转到 strato.nl，然后单击广告的播放按钮(在页面中间)，我会看到背景，但模式本身不会显示。)

编辑

让我澄清一下:我不是在构建网站，我只是在查看某些具有隐藏类的网站时遇到问题。

就像在带有 class="modal hide fade in" 的引导模态中一样，这里它应该显示模态(因为它是淡入的)，但是 chrome 的用户样式表实际上覆盖了 bootstrap 的 hide 类的 CSS。

Answer 1

在 jbutler483 向您展示的帖子中，您有以下代码:

var el=document.getElementsByTagName('*');
for(var i=0;i<el.length; i++){
      if(el[i].getAttribute("type")=="text/css")
             el[i].parentNode.removeChild(el[i]);
};

尝试一下，也许有用。