How to adjust the width of a HTML combobox (Drop down box or Select box)?

Question: How to adjust the width of a HTML combobox (Drop down box or Select box)?

Answer:

• You can use external CSS (Cascading Style Sheets) or Inline Styles. NOTE: External CSS stylesheets are best to use. 
• Example using inline styles.
  

  <select style="width:200px;">
      <option>Option 1</option>
      <option>Option 2</option>
      <option>Option 3</option>
  </select>
  

• Example using external CSS
  
  HTML
  
  

  <select class="dropdown">
       <option>Option 1</option>
       <option>Option 2</option>
       <option>Option 3</option>
   </select>
   

  
  
  CSS
  
  

  .dropdown{
      width: 200px;
  }
  

• Add New Search
• Comments

Write comment

Your Contact Details:

Name:

Email: do not notifynotify

Comment:

Title:

UBBCode:         -color-aquablackbluefuchsiagraygreenlimemaroonnavyolivepurpleredsilvertealwhiteyellow -size-tinysmallmediumlargehuge

Message:

Security

Please input the anti-spam code that you can read in the image.