Question

我创建了一个浏览器扩展，它加载了一个引导模式，其css受访问页面的影响因此使它看起来不应该出现。我想知道如何解决这个问题。

这是我的引导模态形式;

        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">Ink To Board</h4>
        </div>

        <div class="modal-body">
            <form role="form">
              <div class="form-group">
                <label for="title" class="control-label">Title</label>
                <input type="text" class="form-control" id="title">
              </div>
              <div class="form-group">
                <label for="tag" class="control-label">Tag</label>
                <input type="text" class="form-control" id="tag">
              </div>
                  <div class="form-group">
                <label for="board" class="control-label">Board</label>
                <input type="text" class="form-control" id="board">
              </div>
              <div class="form-group">
                <label for="desc" class="control-label">Description</label>
                <textarea class="form-control" id="desc"></textarea>
              </div>
            </form>
        </div>

        <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary" data-dismiss="modal">Ink It</button>
        </div>

    </div>
</div>

证明：查看these images

受网页影响的Bootstrap Modal CSS

0 个答案: