Check out my JSFiddle
I am working with a select box that contains various options. My question is, how can I make the text within each option automatically adjust to the width of the select box? Can anyone provide some guidance on how to achieve this?
<select>
<option>Legal, Credits and Links</option>
<option>External Resources</option>
<option>Frameworks and Extensions</option>
<option>Ajax Requests</option>
<option>Fiddle Options</option>
</select>
select{
border: 1px solid #111;
background: #fff;
width: 150px;
padding: 5px;
font-size: 13px;
border: 1px solid #ccc;
height: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0px;
}
Your help is greatly appreciated.