Override Font Weight Applied By Jquery-mobile

I am trying to make the font weight normal instead of bold which jquery mobile makes by default.

Solution 1:

If you inspect the rendered page with firebug or similar, you would see that at runtime html structure is quite different from source html, courtesy of jQuery-ui that generates the pretty box:

<spanclass="ui-btn-inner ui-btn-corner-all"aria-hidden="true"><spanclass="ui-btn-text">Standard: 7 day</span><spanclass="ui-icon ui-icon-arrow-d ui-icon-shadow"></span></span>

You want to add a css rule to override it:

#cont.ui-btn-text{font-weight:normal;}​

The id reference is so that it only applies to this particular place; remove it if you want to apply normal font weight everywhere. Fiddle: http://jsfiddle.net/MECXW/9/

Share

You may like these posts

• 
  Font Cambria Of Website Is Not Working On Any Android Devices
• 
  How Can Change The Div Background Color When Dropdown Select?
• 
  Css Local Font Not Showing Up
• 
  Get Initial Form Value With Javascript