Question

我在网站上放置了一些包含内容的iframe。点击元素我打开一个boostrap模态。为网站定义样式表，其中样式直接应用于html元素而不使用类。 Modal有单独的样式表。现在我的模态样式被网站样式覆盖。

如何删除网格样式表在我的模态上应用的样式。我google了很多，但我找不到任何解决方案。我很震惊这个问题。

Answer 1

试用此代码

    <a href='#' onclick='closeModel()'>Model</a>
    <script>        
        function closeModel(){
            $('#modelid').modal('hide');
            $('#modelid').removeClass('className');
            $('#modelid').addClass('className');
        }
    </script>

Answer 2

试试此代码

$('#your_modal_ID').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();

Answer 3

假设您有两个样式表A（您的自定义样式表）和另一个B（例如，bootstrap.css）。假设您要使用自定义样式（A）覆盖引导样式表（b）中定义的类，您始终可以在引导样式表的引用下引用自定义的类。这样，自定义样式表中定义的类将覆盖Bootstrap上的类。

如果要使用bootstrap覆盖自定义样式表，则可以执行相反的操作。

另一种方法是检查浏览器中的元素，找出在元素上应用的类，并在自定义样式表中覆盖具有所需值的类。

用jQuery关闭bootstrap模式

3 个答案: