'Limit select option text width

This would seem to be an easy thing but apparently it isn't.

I just want to limit/wrap the text of each select option if it exceeds the width of the select element.

               <select class="custom-select" id="Schedule">
                    @if (Model.Schedules.Count > 1)
                    {
                    <option value="0">Select a schedule...</option>
                    }
                    @foreach (var s in Model.Schedules)
                    {
                        <!option value="@s.Value">@s.Name</!option>
                    }
                </select>

Options Too Wide

TIA



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source