在Firefox中使用javascript更改div的颜色

Question

我有一个带有一些文本的div，我想在“onmouseover”事件上更改它的背景颜色，它在Internet Explorer中正常工作但在Firefox中根本不工作。

请回答。

每一次尝试都会得到尊重。

提前致谢...

Answer 1

一个纯粹的JavaScript解决方案，为您的问题告诉它是否适合您

<div onMouseOver="this.style.backgroundColor='#CCFF99';"
onMouseOut="this.style.backgroundColor='#FFFFFF';" ">

Hello Welcome Testing Bg color on MouseOver 
</div>

演示

jsfiddle.net/577nc/1

Answer 2

以下代码适用于Firefox：

       <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <style>
            #div_to_change_colour {
                background: rgb(255, 0, 0);
            }
        </style>
        <script type="text/javascript">
            function changeColor(objectPassedIn){
                objectPassedIn.style.background = '#CCC';
                objectPassedIn.style.width = '200px';
            }
        </script>
        <title></title>
    </head>
    <body>
        <div id="div_to_change_colour" onmouseover="changeColor(this)">
            text inside div
        </div>
</body>
</html>

您可能遇到的问题是如果您将divs背景颜色设置为'background-color'。 上面的代码使用'background'来设置div颜色，然后可以用javascript覆盖它。

Answer 3

想要在“onmouseover”事件中更改其背景颜色

你也可以使用简单的CSS而不需要任何javascript代码：

.myDiv {
 background:#ffffff;
}
.myDiv:hover {
  background:#cccccc;
}

在Firefox中使用javascript更改div的颜色

问题描述

3 个解决方案

解决方案1
2 已采纳 2011-05-07 13:07:42

解决方案2
1 2011-05-07 13:08:00

解决方案3
1 2011-05-07 17:42:58

在Firefox中使用javascript更改div的颜色

问题描述

3 个解决方案

解决方案1 2 已采纳 2011-05-07 13:07:42

解决方案2 1 2011-05-07 13:08:00

解决方案3 1 2011-05-07 17:42:58

解决方案1
2 已采纳 2011-05-07 13:07:42

解决方案2
1 2011-05-07 13:08:00

解决方案3
1 2011-05-07 17:42:58