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

• 
  Is It Possible To Catch Failed Img Loads When The Server Sends Html Instead Of Image Data?
• 
  Jquery Methods Not Working On 'this' Inside An Event Handler
• 
  Importing Jquery Plugin Into Angular 2+ Refused To Execute Script Because Its Mime Type ('text/html') Is Not Executable
• 
  How To Rightly Detect Iframe Was Loaded With Response 204 No Content?