这个 html/css:
<a href="#" class="ui-btn ui-icon-arrow-l ui-btn-icon-right">Left</a>
<a href="#" class="ui-btn ui-icon-arrow-l ui-btn-icon-notext"></a>
产生这个:
但我想要这个:
最佳答案
<a href="#" class="ui-btn ui-icon-arrow-l ui-btn-icon-right">Left</a>
<a href="#" class="ui-btn ui-icon-arrow-l ui-btn-icon-notext">ThisWontBeVisible</a>
类(class)ui-btn-icon-notext将删除 <a> 中的文本(“ThisWontBeVisible”) 。但是，如果 <a> 中没有任何文本，它将把按钮缩小到一个较短的高度。看起来像是一种黑客攻击，但也可能是实现所需结果的最简单方法。
关于css - 使带有图标但没有文本的 jQuery 移动按钮与带有文本的按钮具有相同的高度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34094667/