How to increase the width of ASP.NET MVC Select tag helper inside form
<p>The width of the <code>Select tag helper</code> in the following veiw remains fixed no matter what value I change in its style attribute <code>style="width:10000px;"</code>. Whether it's set to 10px or 10000px the width remains the same. On the other hand, in the same example below, the input tag ProjectNumber along with the Instructions message (correctly) occupies the entire width of the computer screen. <strong>Note</strong> 1: It's a multi select dropdown (but I think that should not mater). 2. I'm using <code>VS2015-Update3</code> that comes with built-in <code>Bootstrap</code> functionality:</p>

<pre><code>&lt;div class="row"&gt;
    &lt;div class="col-sm-3"&gt;
        @await Component.InvokeAsync("MainLeftMenu")
    &lt;/div&gt;
    &lt;div class="col-md-9"&gt;
        &lt;form id="target" asp-controller="myTest" asp-action="myAction" method="post" class="form-horizontal"&gt;
            &lt;div class="form-group"&gt;
                &lt;label asp-for="SelectedIDs" class="col-md-2 control-label"&gt;&lt;/label&gt;
                &lt;div class="col-md-10"&gt;
                    &lt;select asp-for="SelectedIDs" asp-items="Model.myList" style="width:10000px;"&gt;&lt;/select&gt;
                &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class="form-group"&gt;
                &lt;label asp-for="ProjectNumber" class="col-md-2 control-label"&gt;&lt;/label&gt;
                &lt;div class="col-md-2"&gt;
                    &lt;input asp-for="ProjectNumber" class="form-control" /&gt;
                    &lt;span asp-validation-for="ProjectNumber" class="text-danger"&gt;&lt;/span&gt;
                &lt;/div&gt;
                &lt;div class="col-md-5"&gt;Instructions: Add number in the format such as: ABC-123-xyz-000&lt;/div&gt;
            &lt;/div&gt;
            &lt;button type="submit" class="btn btn-default"&gt;Submit Test&lt;/button&gt;
        &lt;/form&gt;
    &lt;/div&gt;
 &lt;/div&gt;
</code></pre>