css - 样式化 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 上进行这项工作吗？

Answer 1

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

Answer 2

这被证明是使用英特尔显卡的几台笔记本电脑上的显卡问题。有趣的是，只有 Firefox 容易受到这个问题的影响。