サンプル3 The main goal of this tip is to provide a pure CSS solution with balanced complexity, flexibility and aesthetics while preserving all functionality of the underlying Select element (in other words, to create a sort of "drop-in" replacement for the existing web page design that uses SELECT elements). サンプル2 CSS-Tricks * is created, written by, and maintained by Chris Coyier and a team of swell people. . As noted in Scott O’Hara’s article , setting background color on the select (though not background image as I’ve used here, can cause option elements to inherit background colors as well, which can cause problems. Styling Select Box with CSS and HTML. Let us know where you used it and how it worked out. And they don’t support much CSS either, so the designers and developers go for hacks. This example basically: Clones the Twitter Bootstrap, jQueryUI, and jQuery Mobile themes are supported right out of the box. 네이티브 select box 의 디자인상의 한계로 인해 CSS 로만으로는 해결하기 쉽지 않습니다. 選択肢のサンプル2 選択肢のサンプル3 Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself. The technique is perfectly explained by the inspiring Lea Verou, and it’s based on ‘replacing’ the native dropdown arrow with a custom element. Basically, there is a . This example shows how you could use some CSS and JavaScript to provide extensive custom styling for a element is depend on the size of the largest