在语义UI中更改下拉宽度的最佳方法

Question

在语义UI中更改下拉宽度的最佳方法是什么，以便它能够响应。

Answer 1

<div id="city" class="colomn ui search selection dropdown" style="min-width: 121px; white-space: nowrap;  max-width: 251px;">
                <input type="hidden" name="country">
                <i class="dropdown icon"></i>
                <div class="default text">Select City</div>
                <div class="menu">
                    <div class="item" data-value="Ahmedabad">Ahmedabad</div>
                    <div class="item" data-value="Bangalore">Bangalore</div>
                    <div class="item" data-value="Chennai">Chennai</div>
                    <div class="item" data-value="Delhi">Delhi</div>
                    <div class="item" data-value="Hyderabad">Hyderabad</div>
                    <div class="item" data-value="Kolkata">Kolkata</div>
                    <div class="item" data-value="Mumbai">Mumbai</div>
                </div>
            </div>

<style>
.ui.dropdown>.text {
        display: block !important;
        overflow: hidden;
    }
</style>