删除IE

时间:2015-11-17 16:19:41

标签: javascript html css angularjs internet-explorer

我认为这可能是一个IE漏洞而且它让我疯了。点击退出关闭模态窗口后,左上角会出现一个闪烁的光标。这只发生在IE中,不幸的是,我是唯一允许开发的浏览器。我尝试使用ng-class并使用display:none设置不同的类,但这没有用。

重新创建的步骤:

  1. 在IE中打开plnkr http://embed.plnkr.co/8397oT/preview
  2. 开始输入任何内容以查看弹出一个输入框的模态窗口
  3. 按ESC按钮并查看左上角以查看闪烁的光标
  4. HTML

    <div class="ng-modal" ng-show="modal.isOpen">
      <div class="ng-modal-overlay">
        <div class="ng-modal-dialog">
          <div class="ng-modal-dialog-content">
            <input type="text" ng-model="modal.query" class="ng-modal-input">
          </div>
        </div>
      </div>
    </div>
    

    CSS

    .ng-modal {
      position: fixed;
      z-index: 9999;
      top: 0;
      left: 0;
      ....
    }
    .ng-modal-overlay {
      position: absolute;
      z-index: 9999;
      ....
    }
    .ng-modal-dialog {
      z-index: 10000;
      position: absolute;
      top: 50%;
      left: 50%;
      ....
    }
    .ng-modal-dialog-content {
      overflow: hidden;
      height: 100%;
    }
    .ng-modal-input {
      margin: 0px;
      padding: 0px;
      line-height: 72px;
      font-size: 60px;
      width: 100%;
      border: none;
      background-color: gray;
    }
    

0 个答案:

没有答案