Note that there are some explanatory texts on larger screens.

plurals
  1. POchange font size of button text in jQuery mobile
    primarykey
    data
    text
    <p>I have 2 jQuery mobile buttons inside a <code>fieldset</code> and would like to change the <code>font-size</code> of one of the buttons. I have tried adding an inline style but that did not work. </p> <p>I have also tried this but that did not work as-well:</p> <pre><code>.myButton { word-wrap: break-word !important; white-space: normal !important; } </code></pre> <p>This is what is happening: (only on the iPhone)</p> <p><img src="https://i.stack.imgur.com/xPDwi.png" alt="enter image description here"></p> <p>Because the screen size of the iPhone, the "Request Change" button is being cut-off. </p> <p><strong>Is there a way for me to change the <code>font-size</code> of the button text so that it shows the complete text without getting cut-off?</strong></p> <p><br /> <strong>HTML:</strong></p> <pre><code>&lt;fieldset class="ui-grid-a"&gt; &lt;div class="ui-block-a"&gt; &lt;input data-mini="true" type="submit" value="Cancel" name="Submitbutton" class="button button-link"/&gt; &lt;/div&gt; &lt;div class="ui-block-b"&gt; &lt;input data-mini="true" data-theme="b" type="submit" value="Request Change" name="Submitbutton" class="button button-link" /&gt; &lt;/div&gt; &lt;/fieldset&gt; </code></pre> <p><strong>I have tried:</strong></p> <ul> <li><a href="https://stackoverflow.com/questions/10351891/jquery-mobile-button-text-auto-line-break">jquery mobile button text auto line break</a></li> <li><a href="https://stackoverflow.com/questions/11657687/change-font-size-of-a-jquery-mobile-button-at-runtime">Change font size of a jQuery Mobile button at runtime</a></li> </ul>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload