单击时字体增加和减少

Question

我的页面中有一个"+"和"-"按钮。单击"+"时，我需要将字体大小增加 10px，再次单击将大小增加 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试试这个链接

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