function SetDefaultStyle(obj,borderColor,bgColor) { obj.style.cssText= "background-color:" +borderColor; } //]]> </script>
用CSS写一个Class。然后用事件更换Class
设置class属性 非ie var e=document.getElementById("e") e.setAttribute("class","styleClass") ie var e=document.getElementById("e") e.setAttribute("className","styleClass")
<script type="text/javascript">
//<![CDATA[
function SetDefaultStyle(obj,borderColor,bgColor)
{
obj.style.cssText= "background-color:" +borderColor;
}
//]]>
</script>
非ie
var e=document.getElementById("e")
e.setAttribute("class","styleClass")
ie
var e=document.getElementById("e")
e.setAttribute("className","styleClass")
<input type="text" onfocus="SetDefaultStyle(this,'333333','f0f8ff')" onblur="SetDefaultStyle(this,'cccccc','eeeeee')" /><div style="display:inline"></div>
<script type="text/javascript">
function SetDefaultStyle(obj,borderColor,bgColor)
{
obj.style.cssText= "display:inline;width:175px;BORDER-RIGHT: #"+borderColor+" 1px solid; BORDER-TOP: #"+borderColor+" 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #"+borderColor+" 1px solid; BORDER-BOTTOM: #"+borderColor+" 1px solid; FONT-FAMILY: verdana; BACKGROUND-COLOR: #" + bgColor;
// alert(obj.cssText);
}</script>
要不要试试圆角带阴影且焦点变色的文本框?