How to set the width of the semantic interface drop-down list

Question

How can I set the selection width of semantic user interface choices? I need to set the width of the semantic user interface selection drop-down list for the longest item in the drop-down list. Any help would be appreciated.

Answer 1

I used a fixed-size wrapper in combination with the current one expanding in it (expands to fit the size of the parent)

<div style="width: 250px;"> <div class="ui fluid dropdown"> <input type="hidden" name="country"> <div class="default text">My Dropdown Text</div> </div> </div> 

Answer 2

Try setting the minimum width instead of setting the width. By default, the minimum width is 14em, so you need to override it if you want to have a smaller width.