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 select label tags that do not have a span inside them using css

    How do I use existing CSS to style HTML content in textAngular

    How to change css for each additional innerHTML element in a javascript for loop

    How to Horizontally Scroll Images In Single Line

    How do i position this element relative to an image?

    CSS background 100% height - How to do?

    How to mark up a layout blocks with the CSS property “display:flex;”?

    How to make image clipping in css

    how to download google fonts in version bold

    How to keep text aligned with the middle of a textarea?

    How to create rating system using only css [duplicate]

    How do I access separate points/sections on a single image in html/javascript?

    Capybara how to check if 'li' of a given link has proper css class

    How to make CSS animation not reverse after finishing? Example inside

    How to set a CSS property with a variable in JQuery?

    How do I make the textbox close to the text label

    How to write css for a div under a div which specific id which is itself under a div with specific class?

    how to make a stretchable blog header

    How to remove horizontal space between divs that contain fixed size svg elements?

    how to make “before” li is fixed at the bottom of li?

    Use CSS to show two div's with background image over a containing div

    How to align the bottom of two left- and right aligned texts with bottom of parent container?

    How to keep height of parent div with absolute positioned img inside?

    how can i connect my css to my JSP files stored in the WEB-INF folder? Websphere/JSP

    How to implement ::ms-clear in CSS?

    I am wondering how js fiddle is handling their textareas concerning resizing and their layot

    How to make dynamic content positioning?

    How to apply CSS to a DialogBox using ClientBundle?

    How to reference CSS file in a javascript only class

    How to get a background image to work in CSS and HTML?