css - 如果内联定义，如何在开发人员工具中删除 CSS 属性？

Question

我正在摆弄我们网络应用程序的页面外观。我需要快速进行大量小的更改来判断效果，开发人员工具为我提供了我需要的功能，因为我直接在元素检查器中编辑 CSS。

但是，此页面上有一个表格，它是由某些 JavaScript 库创建的。文库插入style="width:1024px"直接在 <table>标签。我需要更改此宽度以使其成为父宽度的 100%，但它不起作用。

在不重新加载页面的情况下从 HTML 中删除样式属性不会改变宽度。在样式表中设置新宽度不起作用，因为内联 CSS 取代了它。重新加载页面会覆盖我在元素检查器中所做的更改。

我无法进入代码并更改用于库的设置(我假设它允许开发人员定义恒定宽度而不是自己做)。在不重新编程整个东西的情况下，我有什么选择可以看到我需要的宽度的表格？

Answer 1

如果您真的不能删除内联样式，您可以在您的 css 样式上添加 !important 关键字来覆盖它。

像那样

table {
    width: 100% !important;
}