造型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容易受到这个问题的影响。