I must admit, I find jQuery Mobile to be quite impressive.
However, there is a layout issue that has been bothering me. I prefer not to have my text fields styled in the default way by jQuery Mobile - with rounded corners, full width, and other changes.
I lack a comprehensive understanding of all the alterations that jQuery Mobile makes to text fields; otherwise, I would simply create a new CSS class to customize them. Unfortunately, delving into the css and js files that come with jQuery Mobile can be intimidating, especially for someone like me who tends to shy away from such things.
I'm almost certain there isn't a straightforward way to reset all properties of a css class, but I still hold onto that 1% chance.
If it turns out that a simple reset isn't possible (and I suspect it's not), could someone please provide me with a list of all the properties I need to adjust to override jQuery Mobile's styles on text fields?
Right now, my main concern is fixing the width of the text fields. Despite specifying a width of 95%, they stubbornly stick to occupying the entire parent width at 100%.
Thank you in advance.