ページに「+」ボタンと「-」ボタンがあります。'+'をクリックすると、フォントサイズを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;
}