How to design select box using css

Question

Hi everyone can anyone help me how to make my selectbox just like in the picture using css.

im new in web developing can anyone help me how to make this kind of design?

htm code:

<select class="black" > <option>Here is the first option</opstion> <option>red</opstion> <option>white</opstion> </select>

enter image description here

James Donnelly · Accepted Answer · 2014-02-26 10:34:45Z

.black { background: #444444; border: 1px solid #26487f; border-radius: 1px; color: #fff; outline: 1px solid #a5c7fe; padding: 6px 10px; }

You also need to fix the mistakes in your HTML: </opstion> should be </option>.

1 Answer 1