更改jQuery手机中按钮文本的字体大小 [英] change font size of button text in jQuery mobile

问题描述

我在字段集中有2个jQuery移动按钮，并想要更改 font-size 按钮。我试过添加一个内联样式，但没有工作。

I have 2 jQuery mobile buttons inside a fieldset and would like to change the font-size of one of the buttons. I have tried adding an inline style but that did not work.

我也试过了，但是效果并不好：

I have also tried this but that did not work as-well:

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

这是发生了什么：（只在iPhone上）

This is what is happening: (only on the iPhone)

>

由于iPhone的屏幕尺寸，请求更改按钮正被截断。

Because the screen size of the iPhone, the "Request Change" button is being cut-off.

有没有办法改变按钮文字的 font-size

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


• 在运行时更改jQuery Mobile按钮的字体大小

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

推荐答案

使用以下操作查找iPhone屏幕上最好的内容

Play with the following to find what's best on the iPhone screen

.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 */
}

这篇关于更改jQuery手机中按钮文本的字体大小的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！