造型Twitter Bootstrap模态关闭图标 [英] Styling Twitter Bootstrap Modal Close Icon

问题描述

我想在Twitter Bootstrap模式关闭图标上做一些样式。这是我使用的CSS：

I'm trying to do some styling on Twitter Bootstrap modal close icon. This is the CSS I'm using:

.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上？

It works pretty good on Chrome / IE, however sometimes on Firefox I get strange behavior (image is attached). Is there additional CSS rule that I have to supply to have this work on Firefox as well?

推荐答案

）在几台使用Intel图形的笔记本电脑上。有趣的是，只有Firefox容易出现这个问题。

This proved to be an issue with graphic card(s) on several laptop(s) that were using Intel graphics. Funny thing is that only Firefox was susceptible to this problem.

这篇关于造型Twitter Bootstrap模态关闭图标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！