Javascript 重写内联colorbox JQuery

我在一个不能修改html的网站上工作，需要覆盖colorbox模式内容的一些内联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相当初级，谷歌还没有给出任何明确的答案

---

这应该怎么做？

添加或更改任何css属性后，只需添加

！重要信息

对于它，jquery或任何示例都不会引用它：

.someclass{
width:150px !important;
}

这会将类为

someclass

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

---

希望能有所帮助

谢谢，是的，我知道投进去！重要规则是一个选项，但colorbox计算包装中包含的几个div的宽度（我可以给出宽度：100%！重要），但这对调整浏览器大小不是很好。我希望写一个JQuery函数来覆盖那些内联的东西！请你说清楚一点，我可以帮你吗？：）我希望覆盖内联JQuery，而不是试图覆盖JQuery生成的大量CSS规则。这将是标题中的一个全局规则，允许内联html保留对iFrame的引用，但保持宽度、高度和位置的一致性，以便提供更详细的信息：将重要规则放在高度上实际上不起作用，因为有些覆盖是iFrame，有些不是。有些已定义内联高度参数，有些未定义。这也需要反应性/响应性，调整浏览器的大小会使高度保持不变。我需要做的是有一个JQuery函数，它总是覆盖任何内联参数。正确的方法是什么？我不能简单地去掉所有内联函数，因为在某些情况下，它们包含url。