gpt4 book ai didi

css - Bootstrap 按钮的 IE9 渲染问题

转载 作者:太空狗 更新时间:2023-10-29 12:36:44 24 4
gpt4 key购买 nike

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 的回答,我做了一个 hack:

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

所有其他的 css 规则都可以保留

最佳答案

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

关于css - Bootstrap 按钮的 IE9 渲染问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13932798/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com