javascript - 附加控件的 CSS

Question

我开发了一个 JavaScript Bookmarklet，它已将 div 附加到当前页面。

但问题是，当由于页面的原始 CSS 代码(Bookmarklet 也有自己的 CSS)而加载 div 及其内容时，我的 div 的外观会损坏。

我的意思是，在每个页面上，一些元素看起来不同(有时是标签的高度，有时是文本区域的背景颜色等)

您知道有什么方法可以纠正这个错误吗？它可以是 CSS 或 JavaScript 解决方案。

Answer 1

Is there any way to correct this fault that you know?

是的，在 DIV 和 !important 中定义每个相关属性:

<div style="width: 300px !important; line-height: 1em !important....">

没有其他完美的故障安全方法。我见过的所有外部小部件都是这样做的。