select
{
-webkit-appearance: none;
}
If you need to you can also add an image that contains the arrow as part of the background.
More Related Contents:
- How to remove focus border (outline) around text/input boxes? (Chrome) [duplicate]
- How can I force WebKit to redraw/repaint to propagate style changes?
- What is a user agent stylesheet?
- How to style a select tag’s option element?
- How to apply specific CSS rules to Chrome only?
- Is there any “font smoothing” in Google Chrome?
- Freeze screen in chrome debugger / DevTools panel for popover inspection?
- less.js not working in chrome
- How to force Chrome browser to reload .css file while debugging in Visual Studio?
- Google chrome a:visited background image not working
- Chrome Developer Tools: How to find out what is overriding a CSS rule?
- Webkit CSS to control the box around the color in an input[type=color]?
- Webkit bug with `:hover` and multiple adjacent-sibling selectors
- Font-size issues comparing chrome and Firefox
- What does it mean when a CSS rule is grayed out in Chrome’s element inspector?
- How do I stop Chrome from yellowing my site’s input boxes?
- Chrome renders colours differently from Safari and Firefox
- Changing an input’s HTML5 placeholder color with CSS does not work on Chrome
- How to reset / remove chrome’s input highlighting / focus border? [duplicate]
- font-face with wrong MIME type in Chrome
- Print Background colours in Chrome
- Custom.css has stopped working in 32.0.1700.76 m Google Chrome update
- how to override font boosting in mobile chrome
- Using “word-wrap: break-word” within a table [duplicate]
- chrome : how to turn off user agent stylesheet settings?
- Font-size
- -webkit-font-smoothing property has no effect in Chrome
- Combine CSS Attribute and Pseudo-Element Selectors?
- @media query not working in mobile. Works fine in Chrome
- How to Make Select Element be Transparent in Chrome?