Question

I am using jQuery Mobile for an iPhone app. I don’t really like the size/shape of the buttons in the page header. I think they are too small and too round shaped. I only use an icon on the buttons, and they are tiny and hard to hit on a device. I would like more square and larger buttons, like those in the Facebook app. Is there a way to archieve this through css? If so, how do I do it?
Btw, I don’t want to change ALL buttons, just the header buttons!

Answer 1

Try this .It will only change the button in header given header id is header

#header button{height:50px;width:200px;}