覆盖/禁用chrome中的用户样式表

Question

在chrome（版本39.0.2171.71 m）上，我遇到了所有（基于引导程序的）模态的问题。

我发现了问题，但需要帮助修复它：

用户样式表正在覆盖模态的隐藏类：

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

如何防止这种情况发生？

（例如，如果我转到strato.nl，然后点击广告的播放按钮（在页面中间），我确实看到了背景，但模式本身并没有。 t show。）

修改

让我澄清一下：我没有建立一个网站，我只是在浏览一些他们有隐藏类的网站时遇到了麻烦。

就像在class="modal hide fade in"的bootstrap模式中一样，它应该显示模态（因为它已经淡入），但chrome＆＃39> 用户样式表实际上会覆盖bootstrap的CSS＆ ＃39; s 隐藏类。

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]);
};

尝试一下，也许有效。

Answer 2

有两种方法可以覆盖后续的样式表。

第一个是心爱的!important：

/* your stylesheet */ 
.hide {                               
  position: initial !important;
  top: auto !important;
  left: auto !important;
  /* your other styles here*/
}

另一种方法是让你的选择器比他们更具体：

/* your stylesheet */
div.hide {
  position: initial;
  top: auto;
  left: auto;
}

Answer 3

从您的澄清：

1. 打开您的开发者设置（右键单击） - ＆gt;检查元素
2. 沿着右手边走（可能就是你看到css的地方）
3. 取消选中不想要显示
的CSS

有关详细信息，请see here

要永久删除完整的元素，请阅读this article

Answer 4

环顾四周后，我发现问题是一个定义的扩展名：

.hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

通过编辑该扩展程序的样式表（或完全删除扩展程序），此问题已修复。

所以基本上我不喜欢chrome在开发人员工具的de styles-sidebar中显示的方式，它将其显示为user stylesheet，而不是指向扩展的样式表。

无论如何，谢谢你的答案。