Question

IE9似乎使用Twitter Bootstrap使得禁用的按钮真的变得很糟糕。按钮文字变得模糊，我找不到任何方法来删除此模糊，甚至重置为默认的IE9按钮外观..

IE9 bootstrap disabled button text rendering problem

最好的解决方案是，如果有人可以解决此字体/模糊渲染问题。如果这是不可能的，我想拥有默认的IE9按钮外观，因为这至少是可读的。

我不打算下载任何补丁或仅在我自己的浏览器中解决此问题！

我试图重置IE9按钮外观，但出于某种原因，这似乎是不可能的。文本的颜色变为灰色，看起来像是一个丑陋的旧IE过滤器。

IE9 bootstrap button reset not working

我在<head>

的末尾添加了一个LT IE10样式表

<!--[if lt IE 10]><link rel="stylesheet" type="text/css" href="css/ie9.css" media="screen" /><![endif]-->

使用以下css：

.btn.disabled,
.btn[disabled] {
    background: 0;
    background-color: #a9a2a1;
    opacity: 1;
    filter: none !important;
    text-shadow: none !important;
    -ms-color: #000000 !important;
    color: #000000 !important;
    zoom: 1;    
}
input:-ms-input-placeholder {
    color: black !important;
}

仍然是文字是灰色的，按钮看起来像上面的灰色......

我的解决方案：

感谢Emily的回答我做了一个黑客：

#sok.btn.disabled,
#sok.btn[disabled] {
    opacity: 1;
    font-size: 0;
    background-image: url('image.jpg');
    width: 48px;
}

所有其他css规则可以单独使用

Answer 1

引导程序的人确实在他们的github页面上提到了这一点，他们目前没有办法修复它。这只是IE9的一个问题，因为它覆盖了他们的代码和其他任何人的代码。目前没有办法解决这个问题，虽然我想你可以尝试创建一个禁用的按钮图像，并使用更高的z-index将它放在看起来很讨厌的按钮的顶部，尽管这可能是公平的麻烦...希望有所帮助。

Answer 2

在IE 9的情况下，你需要添加以下样式，

HTML中的

：

<!--[if gte IE 9]>
 <link href="/bootstrap/i9_btn_fix.css" rel="stylesheet" type="text/css"  />
<![endif]-->

i9_btn_fix.css：

.btn.disabled:before,
.btn.disabled:after{
     cursor: default;
     background-image: none;
     opacity: 0.65;
     filter: alpha(opacity=65);
     -moz-box-shadow: none;
     box-shadow: none;
   }

IE9使用Bootstrap按钮渲染问题

我的解决方案：

2 个答案: