Form – Custom CSS Question

[SanfordWhiteman]

I'll have another look in a few hours. Styling SELECTs has historically been tough in Safari/Mac, for Apple Design reasons, but not so much Chrome. The form doesn't work at all on my phone, though!

[Anonymous]

Uh oh - will have to check out the phone.

[Anonymous]

Ok - I have the form field looking how I want (as tall as the other fields) on Chrome 45 for Mac. I achieved this by adding a background color. I read online that it was a hack.

So here is my custom CSS:

input.mktoField, select.mktoField {

    font-size: 21px !important;

  height: 2em !important;

  padding-left: 10px !important;

  background-color: #fff !important;

}

Screenshot from Chrome 45 on Mac:

Testing page with form:

Contact copy | DH2i

It still isn't working on Safari, though, so I will keep playing around with it trying to figure that out.

[SanfordWhiteman]

When I go to that page, I don't see the "# SQL Server Instances" field.  Are you sure you aren't screenshotting somewhere else?

This is Chrome 44 on Mac OS 10.8-10.10 as I see it: Chrome 44 - Mac - CrossBrowserTesting App

[Anonymous]

I'm using progressive profiling, so different fields come up, depending.

[SanfordWhiteman]

OK, but I think we should be looking at the same thing (first time fillout).

In any case I don't understand how you're seeing something different in exactly the same browser/OS/version.

[Anonymous]

It was actually filling in my name and information from our database, but I erased those details before the screenshot.

[Anonymous]

I guess since I didn't create this thread, I can't mark your answer as correct. I see now - another reason I should have started my own thread! Sorry.