Twitter Bootstrap模态框关闭图标样式设计

Question

我正在尝试对 Twitter Bootstrap 模态框关闭图标进行一些样式设置。这是我所使用的 CSS：

.modal-header .close {
    float: right !important;
    margin-right: -30px !important;
    margin-top: -30px !important;
    background-color: white !important;
    border-radius: 15px !important;
    width: 30px !important;
    height: 30px !important;
    opacity: 1 !important;
}

在Chrome / IE上运行得非常好，但有时在Firefox上会出现奇怪的行为（附带图像）。是否需要提供其他CSS规则才能使其在Firefox上正常工作？

- Admir Tuzović

---

使用jsfiddle重现您的问题 - vikas devde

Answer 1

这证明了在使用英特尔显卡的多台笔记本电脑上存在图形卡问题。有趣的是，只有 Firefox 受到此问题的影响。

- Admir Tuzović

Answer 2

根据 Firefox 的版本，您可能需要添加 -moz-border-radius: 15px。

- rosswil