jquery/jquery-mobile — Issue #3148: Inconsistent form objects elements length and border radius and shadow.
Author: ora726
Created: 2011-11-23 11:03:42+00:00
State: open

I have noticed that when putting in a form elements of different type their look is not consistent.

For example :
The border radius on an input field, a checkbox and a button are all different
The length of input fields, checkbox and buttons are not the same, especially on wide screens
The shadow added on button is much more marked than on checkbox, but both elements are clickable elements and should be similar.
Please have a look at the following jsfiddle and play around with the window width, especially when the window is very wide to see the discrepency in length.
http://jsfiddle.net/ora726/P3Zsc/4/

Thanks

Raymond