點擊字體增加和減少

我的頁面中有一個'+'和' - '按鈕。在點擊'+'時，我需要增加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