javascript - 在 jQuery Mobile 中更改按钮文本的字体大小

Question

我在 fieldset 中有 2 个 jQuery 移动按钮，我想更改其中一个按钮的 font-size。我尝试添加内联样式，但没有用。

我也试过这个，但效果不佳:

.myButton
{
   word-wrap: break-word !important;
   white-space: normal !important;
}

这是正在发生的事情:(仅在 iPhone 上)

由于iPhone的屏幕尺寸，“请求更改”按钮被 chop 了。

有没有办法更改按钮文本的font-size，使其显示完整的文本而不被 chop ？

HTML:

<fieldset class="ui-grid-a">
    <div class="ui-block-a">
        <input data-mini="true" type="submit" value="Cancel"  name="Submitbutton" class="button button-link"/>
    </div>
    <div class="ui-block-b">
        <input data-mini="true" data-theme="b" type="submit" value="Request Change" name="Submitbutton" class="button button-link" /> 
    </div>
</fieldset>

我试过:

• jquery mobile button text auto line break
• Change font size of a jQuery Mobile button at runtime

Answer 1

尝试以下内容，找出 iPhone 屏幕上最适合的内容

.ui-btn-inner{
    text-overflow: initial; /* Get rid of the ellipsis */
    padding-left: 5px; /* Play with padding to make max use of available button width */
}
.ui-btn-text {
    font-size: 15px; /* Play with font size of the text */
}