什么意思啊:
<style>
</style>
<input class=ButtonClass type=button value="ButtonClass测试">
<script>
document.styleSheets[0].cssText=".ButtonClass{background-color:#336699}";
</script>
<br>
<input type=button onclick="document.styleSheets[0].cssText='.ButtonClass{}';">
<style>
</style>
<input class=ButtonClass type=button value="ButtonClass测试">
<script>
document.styleSheets[0].cssText=".ButtonClass{background-color:#336699}";
</script>
<br>
<input type=button onclick="document.styleSheets[0].cssText='.ButtonClass{}';">
............
.bc{FONT: 22px 宋体;}
</style>
=============================
document.styleSheets[0].className='bc'
注意这里
如果用"="那么其他的样式就会小时如果用"+="
则不会改变button的效果
有没有办法直接可以对ButtonClass样式操作????或则有其他的解决方案!!!
document.styleSheets[0].addRule(".bc","FONT: 22px 宋体;",0);
</script>
</style>
<input class=ButtonClass type=button value="ButtonClass测试">
<script>
document.styleSheets[0].cssText=".ButtonClass{background-color:red}";
</script>
<br>
<input type=button onclick=document.styleSheets[0].addRule(".ButtonClass","background-color:#336699;",2);>
<input type=button onclick="alert(document.styleSheets[0].cssText)">变了是变了可是代码会越来越多啊!!!!天哪没有一个好的办法吗???为什么不能替换原来的样式
.Bu{background-color:red}
.bc{background-color:red}
</style>要能添家一个".bc{}"而同时删除上边的".bc{background-color:red}"才行
.Bu{background-color:red}
.bc{background-color:red}
</style>
不能以"bc"这样的形式删除吗??不用下标!
</style>
<input class=ButtonClass type=button value="ButtonClass测试">
<script>
document.styleSheets[0].cssText=".ButtonClass{background-color:red}";
</script>
<br>
<input type=button onclick=document.styleSheets[0].rules[0].style.cssText="background-color:#336699";>
<input type=button onclick="alert(document.styleSheets[0].cssText)">