選定元素上的粗體字體粗體

Question

我對font-weight上的select元素有問題。當應用font-weight: bold;時，最後一封信會被切斷，因爲它碰到了右側。我搜查了一下，但沒有找到任何答案，儘管這聽起來像是很多人經歷過的問題，謝謝。

select{ 
 
    font-weight: bold; 
 
}

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

這裏是一個的jsfiddle http://jsfiddle.net/pdg6805/3v58gsqm/

Answer 1

一個最簡單的方法是添加寬度來選擇。

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

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

或者

select { 
 
    font-weight:bold; 
 
    }

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

Answer 2

在某些情況下施加 bold到 font-weight將改變該元素的寬度，並且更廣泛的原因切斷，因此你可以保留一些

有時通過在選擇中設置width可以獲得更多空間。