点击字体增加和减少

我的页面中有一个'+'和' - '按钮。在点击'+'时，我需要增加10px的字体大小，再次onclick会将大小增加12。' - '的减少方式相同。我该如何编写css类？点击字体增加和减少

<ul id="box"> 
    <li><a title="t1" id="SizePlus" href="#"></a></li> 
    <li><a title="t2" id="SizeMinus" href="#"></a></li> 
</ul> 

#box 
{ 
list-style-type: none; 
display: block; 
clear: both; 
} 

#box li a 
{ 
display: block; 
float: left; 
width: 25px; 
height: 25px; 
margin: 0px 10px 0px 0px; 
text-indent: -10000px; 
}

来源

2012-06-29 NaaN

计划用html + css来做到这一点？ –

是的..没有任何JavaScript。 – NaaN