css - IE8 - 文本区域焦点上的站点背景更改

Question

我目前正在开发一个将在 IE8 中使用的网站。我使用 Bootstrap 作为我的框架。

我遇到的问题是，当单击焦点上的文本区域(输入)时，我的整个背景都变白了，我不知道为什么。

下面是一些截图:

你可以在这里查看代码:

http://hub.yfish.co.uk/testing/BEST/root-final/

我意识到我的 CSS 有点乱 - 这是一个我几乎没有时间处理的元素!

我的占位符文本也没有显示(它应该是浅灰色)

提前致谢:)

修复更新:

解决这个问题:

尽管

html, body {  
    background-color: #3c3d41;
    font-size: 18px;
}

我的页面加载为白色背景。为了解决这个问题，我做了:

html, body, body:focus {  
    background-color: #3c3d41;
    font-size: 18px;
}

修复文本区域的背景颜色变化:

body.body-bg {
    background-color: #3c3d41;
}

Answer 1

是的，您的 CSS 似乎真的很乱。出于某种原因，您有选择器 body:focus，它为您的背景提供 background-color: #3c3d41;，但没有 :focus 你的 body 得到 background: transparent;..

所以给你的 body background-color: #3c3d41; 一切都应该没问题。