は動的に私はこのようなリストダウン非常に単純なドロップを持って

Question

を太字時に幅をドロップダウンサイズを変更します。自動的に調整されます。しかし、今私の問題は、テキストを太字にするときです。

<select> 
    <option selected="selected" value="MyVeryFirstLongValue">MyFirstLongestValue</option> 
    <option value="MyVerySecondLongValue">MySecondLongValue</option> 
</select> 

select{ 
    font-weight: bold; 
} 

ここで、テキストが途切れてしまいます。テキストに基づいて自動幅を維持するにはどうすればよいですか？太字にしますか？ドロップダウンのテキストは動的なので、固定幅にすることはできません。

JS Fiddle Example

Answer 1

私は、また大胆な選択肢を持っているためのオプションかもしれない唯一のクロム

でそれを再現することができます。

select,option{ 
    font-weight: bold; 
} 

Answer 2

多分にいくつかのパディングを追加してみてくださいボックス？

input { 
    padding: 5px; 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
    -moz-box-sizing: border-box; /* Firefox, other Gecko */ 
    box-sizing: border-box;   /* Opera/IE 8+ */ 
}