选择元素

Question

我在font-weight元素上遇到select问题。当应用font-weight: bold;时，最后一个字母会被切断，因为它会向右侧碰撞。我搜索并没有找到任何答案，即使这听起来像是很多人都经历过的问题，谢谢。

select{
    font-weight: bold;
}

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

这是一个jsfiddle http://jsfiddle.net/pdg6805/3v58gsqm/

Answer 1

有时在某些情况下，将bold应用于font-weight会更改该元素的宽度并且更宽会导致切断，因此您可以通过设置width来为其预留更多空间选择。

Answer 2

最简单的方法是添加宽度以供选择。

select{
    font-weight: bold;
    width:150px;
}

    <select>
     <option>Option &nbsp;</option>
   </select>

或

select {
   font-weight:bold;
  }

    <select>
     <option>Option &nbsp;</option>
   </select>