覆盖内联颜色框 JQuery答案

【问题标题】：Override inline colorbox JQuery覆盖内联颜色框 JQuery
【发布时间】：2014-07-29 18:46:31
【问题描述】：

我在一个无法修改 html 的网站上工作，并且需要覆盖一些用于颜色框模式内容的内联 onclick 代码。

如：

<span data-colorbox-theme="white" data-colorbox-options="{&quot;href&quot;:&quot;#joinTheClub-moreDetails&quot;, &quot;inline&quot;:true, &quot;iframe&quot;:false, &quot;width&quot;:&quot;430&quot;, &quot;height&quot;:&quot;340&quot;, &quot;scrolling&quot;:false}" class="colorboxWindow more-details cboxElement">More details</span>

网站上的每个链接都有不同的宽度和高度，我想在头部（我可以访问）覆盖标准百分比宽度和高度（桌面和移动视图的不同值）。

我的 JQuery 相当初级，谷歌还没有给出任何明确的答案。

这应该怎么做？

【问题讨论】：

标签： javascript jquery html colorbox inline-code

【解决方案1】：

在添加或更改任何 css 属性后，只需将 !important 添加到它就不会被 jquery 或任何示例覆盖：

.someclass{
width:150px !important;
}

这会将类 someclass 的任何对象的宽度设置为 150，并防止任何其他样式覆盖它（jquery 样式、浏览器样式、站点中的其他预定义样式......）。

希望对你有帮助

【讨论】：

谢谢，是的，我知道加入 !important 规则是一种选择，但 colorbox 会计算包装器中包含的几个 div 的宽度（我可以给出宽度：100%！important），但这不是t 伟大的浏览器调整大小。我希望编写一个覆盖内联内容的 JQuery 函数！
能否请您说的更清楚一些，以便我可以帮助您？ :)
我想覆盖内联 JQuery 而不是试图覆盖大量 JQuery 生成的 CSS 规则。这将是标题中的全局规则，允许内联 html 保留对 iframe 的引用，但保持宽度、高度和位置一致
所以只是为了提供更多细节：将重要的规则放在高度上并没有真正起作用，因为有些叠加层是 iframe 而有些则不是。有些定义了内联高度参数，有些则没有。这也需要是响应式的/响应式的，并且调整浏览器的大小会导致高度保持固定。我需要做的是拥有一个始终覆盖任何内联参数的 JQuery 函数。这样做的正确方法是什么？我不能简单地去掉所有的内联函数，因为在某些情况下它们包括 url。