jquery - 使用 Thickbox 加载元素后覆盖内联样式

Question

我有一个表单，并且有一个绑定(bind)到 <a> 的 thickbox上的元素。当您单击该元素时，它会在框中加载一个 URL 并运行一些脚本。由于我正在使用的平台的限制，我无法访问脚本、thickbox.js 或正在加载的 HTML。我所能做的就是编写自己的样式和脚本。

问题是某些东西给 #TB_window 提供了几个内联样式加载后。看一看:

<div id="TB_window" style="position: fixed; z-index: 10002; top: 50%; left: 50%; margin-left: -315px; width: 630px; margin-top: -220px; display: block; ">

我的整个问题在于宽度，我需要重写该样式。我试图将点击事件绑定(bind)到 <a> ，像这样:

('a#btnReferAFriend').click(function(){
    if('#TB_title.length'){
        $('#TB_window').css('width','400px');
        alert($#TB_window.css('width');
    } else {
        alert('Wrong');
    }
});

该脚本的结果是显示“400px”的警报。但就在这之后，我的风格被内联风格覆盖了。我不知道到底发生了什么，我认为另一个脚本正在某处运行，可能是经过修改的 thickbox.js ？

应用内联样式后，我应该怎么做才能覆盖它们？

Answer 1

您可以使用以下样式:

#TB_window { width:400px !important; }

这应该覆盖在内联样式中找到的宽度。