CODEWITHSUNDEEP
htmlcsscross-browser
joacampb
joacampb

Reputation: 177

How can I force form elements to render the same across browsers?

Here is an image of how my contact form looks in all the different browsers:

enter image description here

I've tried editing some of the CSS but I'm looking for complete control over these elements, but I also don't want to lose flexibility (I am also using jQuery).

Is there a way to override the browsers rendering methods for these text areas, or am I stuck with the default styling?

Upvotes: 3

Views: 1941

Answers (2)

shaunsantacruz
shaunsantacruz

Reputation: 8930

Take a look at normalize.css (Form elements begin on 293). normalize.css makes browsers render all elements consistently and in line with modern standards. It's not a quick fix but at least it will give your elements some consistency for which to work on. If you use this, make sure you load it before your other styles otherwise the normalize.css styles will override your main stylesheet.

Upvotes: 3

jacktheripper
jacktheripper

Reputation: 14259

Try using normalize.css. It provides a cross-browser compatibility solution for most CSS elements.

Upvotes: 1

Related Questions