browsers, but there is a workaround using the background-image property instead: select{ width: 250px; height: 50px; font-size: 20px; background: #f2f2f3; padding-left: 100px } Through example you will learn how one can use CSS design in select option. Let me start with a basic example to create a simple dropdown. Añadir estilos uniformes a los campos de un formulario es entretenido, pero especialmente los campos de selector (las listas desplegables), son especialmente difíciles de dar un estilo acorde con el resto de campos y diseño de la web, y aceptablemente homogéneo en los diferentes navegadores. HTML There are certain elements of a select box that we can style such as the font, border, color, padding and background color: The HTML standards don't allow for a way to control this width. To add it, you need to add an element that will be positioned over your select list. Changing a select option without JQuery. Select allows user input through specified options. Where is with a regular button it’s fairly easy to change it, changing the selector arrow is another story. 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. Put a … Styling select, optgroup and options with CSS Over the past three weeks I’ve looked at some CSS styles that can be applied to select, optgroup and option tags and how they are rendered differently across different browsers. You may use simple Bootstrap classes, customized CSS or third party add-ons to create beautiful looking select dropdowns. Deseo cambiar la apariencia de la caja que contiene las opciones de un select, uso el selector de la etiqueta option, para modificar las opciones, y a pesar que si hace cambio sobre las opciones del select, este sigue estando contenido en una caja con un borde desagradable y sin gracia, como puedo modificar a través de los estilo css esta caja que contiene a las opciones? It has been hard for a long time to style the element, although this behavior is inconsistent across many browsers. I am going to show you both. The id attribute is needed to associate the drop-down list with a label. The default width of a SELECT form control is usually dependent on the width of the widest OPTION item in the list; the width of the SELECT list will basically be not much greater (but no less) than this width. Update 02.02.2018: As noted by Tom this now only works when the attribute multiple is set.. Have you ever wanted to set the background color of a selected OPTION element of a drop down ? Keyboard users can select multiple non-contiguous items by: Focusing on the Box Drop-Down with Only CSS? The tag is put into the 화살표 모양을 제거하고 새로운 화살표를 추가하는 스타일은 아래와 같다. The