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 do I center my search form within a div?

    How to align banner right in Internet Explorer 8

    How to center this popup text box

    How to center image while also aligning text to the right of image?

    How to create responsive blocks by using just CSS and HTML

    How do I enable scrolling only in one direction in CSS?

    How to modify multiple CSS attributes of an element?

    How to Detect css by iPhone/iPad

    How to add css to a div once it hits the top of the page (when scrolling)?

    Bootstrap CSS - How do I keep the search form inline with other navbar elements?

    How to select a certain element in CSS by numerical position

    how to make my horizontal css dock navigation to vertical

    How to show a div thats hidden by css on button click

    How to prevent text style defaults during CSS transition

    How to make first letter lowercase in span with css?

    How to make the CSS Dropdown same size as it's parent

    How to set size of SVG image in :before pseudo-class?

    How to re-use common css rules in css( sass ) [closed]

    how to restore to original CSS

    I have a blinking box, how can I add a gradient to this or program it easier?

    How can I write more efficient CSS for the max-width

    How to override CSS in joomla template

    How to right align text but still keep it indented to left?

    How can I group DIVs in my document so I can apply CSS to them?

    How to prevent in-line list from wrapping

    How can we control the size of a special character?

    On Edge Browser, how to change input placeholder text color using CSS?

    How can I change the color of my body when using Bootstrap?

    How can I position a web page in the middle of the screen?

    How to keep div height fixed during changing its content?