IE8 - textarea焦点上的站点背景更改

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;
}

为了解决我在textareas上的背景颜色变化：

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

Answer 1

是的，你的CSS似乎非常混乱..出于某种原因，你有选择器body:focus，它为你的背景提供了background-color: #3c3d41;，但没有:focus你的身体获得{ {1}} ..

因此，请background: transparent; body，一切都应该没问题。

Answer 2

解决此问题：

尽管

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

我的页面正在加载为白色背景。为了解决这个问题：

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

为了解决我在textareas上的背景颜色变化：

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