Get Rid of Extra Padding in Form Fields - Desktop View I've created a form. When I view it on a mobile device the field heights look fine. However, when I view it on a desktop there is excess padding/height for the form fields on all browsers - IE, Chrome, Firefox. I've tried to edit the CSS of the form directly by adding custom CSS, as well as update it directly on the landing page via CSS styles in the header and in a separate style sheet. These change the heights on the mobile version, but not the desktop version. What is controling the height of the form field in larger browser media widths?!Example Page: http://procampaigns.whitepages.com/test-respon.htmlCustom CSS on the Form Itself AND Style Sheet updates I'm using:
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField,
.mktoForm textarea.mktoField {
-webkit-appearance: none;