单击时字体增加和减少

Question

我的页面中有一个“+”和“ - ”按钮。单击“+”时，我需要将字体大小增加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;
}

Answer 1

仅使用css

不。你将不得不使用JavaScript来实现这一目标......

有用的网站http://www.shopdev.co.uk/blog/text-resizing-with-jquery/

Answer 2

我认为只使用css是不可能的。使用javascript试试这个llink

http://www.wpbeginner.com/wp-themes/how-to-change-font-size-onclick-in-wordpress-with-javascript/