onmouseover onmouseout 如何写到css里
inputtype="text"onmouseover="this.style.backgroundColor='#FDFDEA';"onmouseout="this.s...
input type="text"
onmouseover="this.style.backgroundColor='#FDFDEA';" onmouseout="this.style.backgroundColor='#FFFFFF';">
因为每个文本框里都有这样的onmouseover out .. 我想可不可以 把他写成css样式 类似于 input{font-sizt:12px;} 这样 然后这个页面的所有<input type="text" /> 都有这样的效果了 我该怎么定义那？ 谢谢 新年快乐 ：）
sorry 我说句不太礼貌的话 回复的时候 可以先把代码试验一下吗？ 谢谢楼下3位了..
我就想 鼠标移动到这个文本框上变颜色 想写在一个地方 影响一个页面的文本框 谢谢
(下面3个 我的是ie6.0 样式是不起作用的)
zydxkeke 能给个代码看看吗？ 展开
onmouseover="this.style.backgroundColor='#FDFDEA';" onmouseout="this.style.backgroundColor='#FFFFFF';">
因为每个文本框里都有这样的onmouseover out .. 我想可不可以 把他写成css样式 类似于 input{font-sizt:12px;} 这样 然后这个页面的所有<input type="text" /> 都有这样的效果了 我该怎么定义那？ 谢谢 新年快乐 ：）
sorry 我说句不太礼貌的话 回复的时候 可以先把代码试验一下吗？ 谢谢楼下3位了..
我就想 鼠标移动到这个文本框上变颜色 想写在一个地方 影响一个页面的文本框 谢谢
(下面3个 我的是ie6.0 样式是不起作用的)
zydxkeke 能给个代码看看吗？ 展开
6个回答
展开全部
加入以下代码在最后:
<script language="JavaScript">
<!--
(function()
{
var o=document.getElementsByTagName('input');for(i=0;i<o.length;i++)
{
x=o[i];if(x.getAttribute('type')=='text')
{
x.onfocus=new Function('this.style.backgroundColor="red";');
x.onblur=new Function('this.style.backgroundColor="";');
}
}
})();
//-->
</script>
<script language="JavaScript">
<!--
(function()
{
var o=document.getElementsByTagName('input');for(i=0;i<o.length;i++)
{
x=o[i];if(x.getAttribute('type')=='text')
{
x.onfocus=new Function('this.style.backgroundColor="red";');
x.onblur=new Function('this.style.backgroundColor="";');
}
}
})();
//-->
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
Hi.
在CSS里面，支持IE6的hover的一般只有链接，但是显然在链接外面加个a标签又不太现实。
所以提供两个方法，仅供参考：
1.使用document.getElementsByTagName，然后查找所有type="text"的，定义它们的onmouseover和onmouseout事件，这样就可以达到只写一次即可在本页面内无限使用的效果。
2.使用jQuery,具体参考www.jquery.com
希望对你有帮助，时间仓促，来不及写例子了。
在CSS里面，支持IE6的hover的一般只有链接，但是显然在链接外面加个a标签又不太现实。
所以提供两个方法，仅供参考：
1.使用document.getElementsByTagName，然后查找所有type="text"的，定义它们的onmouseover和onmouseout事件，这样就可以达到只写一次即可在本页面内无限使用的效果。
2.使用jQuery,具体参考www.jquery.com
希望对你有帮助，时间仓促，来不及写例子了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在<head>中添加以下CSS样式代码即可。
<style type="text/css">
<!--
input:hover{
color:#FDFDEA;
}
input{
color:#FFFFFF;
}
-->
</style>
不用改动你下边的代码。
由于IE浏览器对CSS 的支持问题，这种效果在IE6.0以及之前的IE浏览器版本中可能是不被支持的。 你自己试试看吧，我的IE7和FF中测试都是有效果的。
<style type="text/css">
<!--
input:hover{
color:#FDFDEA;
}
input{
color:#FFFFFF;
}
-->
</style>
不用改动你下边的代码。
由于IE浏览器对CSS 的支持问题，这种效果在IE6.0以及之前的IE浏览器版本中可能是不被支持的。 你自己试试看吧，我的IE7和FF中测试都是有效果的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如下
var aaa=document.body.getElementByNames("input");
for(var i=0;i<aaa.length;i++)
{
aaa[i].onMouseOver=function(){}
aaa[i].onMouseOut=function(){}
}
var aaa=document.body.getElementByNames("input");
for(var i=0;i<aaa.length;i++)
{
aaa[i].onMouseOver=function(){}
aaa[i].onMouseOut=function(){}
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
.a-input{
background-color:#0000FF;
}
.a-input:hover{
background-color:#FF0000;
}
</style>
<input name="ss" type="text" class="a-input" id="ss" value="ssssss" />
.a-input{
background-color:#0000FF;
}
.a-input:hover{
background-color:#FF0000;
}
</style>
<input name="ss" type="text" class="a-input" id="ss" value="ssssss" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
