造型Twitter Bootstrap模态关闭图标

时间:2013-09-01 08:50:11

标签: css css3 twitter-bootstrap rounded-corners

我正在尝试在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上使用?

enter image description here

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

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