xecorp
Member
Hello here is my site with a form: http://xecorporation.com/merrill/products/home/.
Could someone please help me with the styling so dropdowns will look like the other input fields, i.e. borders and width?
I am also curious why input field borders are only visible in Firefox (not in IE, Chrome, or Safari).
Thanks in advance.
Looking at your form in Safari the drop downs are already the same width as the other input fields on your form.
How are you wanting to style them? You only have so much control over styling a drop down because it is an element handled by the browser and each browser handles them slightly different. They aren't like input fields where you can style the background color, border, etc.
The drop downs and input fields both already have the same width percentage (35%) so any variance is going to be due to how the specific browser handles drop downs. Just like buttons, browsers handle drop downs slightly different.
xecorp
Member
Thank you Carl. I wasn't aware of browser idiosyncrasies regarding drop downs.
I am coming from windows forms application development and relatively new to web design.
Do you know why the input fields only show a border in Firefox?
Thanks again for your help.
Yes, browsers act differently with different elements. Drop downs and submit buttons are a good example. Each browser handles them slightly different.
The input field styling is different because Firefox is the only one that supports the CSS you have in place to do what you are doing with both the border radius and the border color.
Welcome to the web LOL! It's a much different world than windows form applications... far more variables to deal with when it comes to browser differences, CSS support, etc.
