通过jquery更改文本后，按钮样式混乱

Question

所以我有一个按钮，其文本我想要更新，以便其中一个字符是红色。我实现的方法是将html设置为按钮。

<div data-role="page" id="homepage">
   <div data-role="content">
    <a id='mybutton' href="#" data-role="button" data-icon="check">My Button</a>
   </div>    
</div>

以下是我通过jQuery更新它的方法

.redtext{color:red;font-size:medium;text-shadow: aqua;}​

$("#mybutton").html("My Button(<span class='redtext'>0</span>)");​

零点确实是红色，但按钮形状现在变形，看起来风格被删除了。请在此处查看演示http://jsfiddle.net/tqeF9/

提前致谢。

Answer 1

将.ui-btn-text添加到您的选择器。

E.g。 $("#mybutton .ui-btn-text").html("My Button(<span class='redtext'>0</span>)");​

请参阅this post。