How to apply CSS to a Mac Chrome Select Box?


Tags: css,osx,google-chrome,padding

Problem :

Doesn't matter what I do, using Mac OSX 10.9.2 and Chrome Version 33.0.1750.152, padding, background-color, nothing works. I am really just wanting to apply a padding-top and padding-bottom of 5px on a select element, works everywhere cept Chrome on a MAC OSX. What gives? How to do this globally on all platforms??



Solution :

You need to apply -webkit-appearance:none; when adding CSS to select elements in webkit browsers.

DEMO http://jsfiddle.net/XxkSC/3830/


    CSS Howto..

    How to overlay an image inside an image with HTML, CSS

    How to give 2 different Hyperlinks in css different colors

    how to overwrite global css to div tag which contains different html tags with different style

    How to create a gullwing shape with CSS

    CSS: how can I hide a div when its text doesn't fit?

    How do URL fragment (the #stuff) interacts with CSS?

    How to add border to a container with transparent gaps in between

    How to point to a specific icon in an icon set?

    How to Change Css coding with a link [closed]

    How to write Text in css like show in images?

    How do I get two side by side divs displayed correctly inside a bordered, dynamic height content area?

    How does bootstrap restrict minimum page width to 400px

    CSS: How to scale an image from the center instead of top-left

    webkit animation play state: how to start/stop animation on demand with javascript

    How to write two CSS files: with and without sourcemap

    How to convert an image for a website menu button into CSS

    How to exclude some text from browser zoom

    How to change background Image sizing

    How do you change the font-size of a custom css style?

    Show only small portion of an image [closed]

    how to make a div to wrap two float divs inside?

    How are multiple spaces showing in HTML, without pre, nbsp or white-space: pre?

    How to design a CSS for floating confirm dialog centered on the visible portion of a page?

    How do I move that div with CSS in a clean way?

    how to put links in one line [CSS]

    How to make SVG clip-path work correctly in Google Chrome?

    How to Fix: iOS drops CSS files when javascript changes DOM

    CSS. How to add small image on background?

    How to resize a div container to fit overflow from a child div

    How to deselect a table's head and certain tds with css