jquery - 在带有图标 : no space between the icon and text? 的 Jquery 按钮中

Question

感谢 jQuery UI，我可以轻松地:

• 只有文字的按钮
• 有带文字+图标的按钮
• 只有图标的按钮

问题是字体太大所以我添加了这个css:

.ui-button .ui-button-text { 
    font-size:60%;
}

但现在的问题是我的图标和文本之间没有任何空格。

请参阅此处的演示 (jsFiddle):http://jsfiddle.net/Rn9tg/71/

有没有解决办法？

谢谢。

Answer 1

<a data-bind="click: greet, jqButton: { icons: { primary: 'ui-icon-gear' }}">&nbsp&nbsp&nbspTest</a>

您只需要为文本添加一个左边距，以便在文本和图标之间留出空间。检查jsfiddle .