title: How can I set the width of HTML <select> element, without considering the width of each option
body: <p>Actually I know the select box <code>width</code> is set by the longest option in the list, but I want to increase the length (width) of a <code>select</code> html element.</p>
  
  <p>I also searched and I understand this code <code>style="max-width:70%"</code> may work but it doesn't work for me.</p>
  
  <p>The code below is mine:</p>
  
  <pre><code>&lt;select class="form-control"style="max-width:70%"&gt;
      &lt;option value="1"&gt;option 1 &lt;/option&gt;
      &lt;option value="2"&gt;option 2&lt;/option&gt;
      &lt;option value="3"&gt;option 3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>