dave guru dave guru - 1 month ago 10
CSS Question

Font Weight bold on select element

I am having problems with

font-weight
on a
select
element. when applying
font-weight: bold;
the last letter gets cut off, because its bumping in to the right side. I searched and did not find any answer, even though it sounds like a problem that a lot of people have experienced, thanks.




select{
font-weight: bold;
}

<select>
<option>Option</option>
</select>





Here is a jsfiddle http://jsfiddle.net/pdg6805/3v58gsqm/

Answer

One simplest way is to add width to select.

select{
    font-weight: bold;
    width:150px;
}
    <select>
     <option>Option &nbsp;</option>
   </select>

Or

select {
   font-weight:bold;
  }
    <select>
     <option>Option &nbsp;</option>
   </select>