title: How to style HTML select/option tag?
body: <p>I would like to create a dropdown menu with html select thus I would like to style it as well. I would like to set a padding to the option tags so they wouldn't be so overcrowded, but I can't do so. (it doesn't work)
  any idea?</p>
  
  <pre><code>#categories
  {
  padding: 10px 10px 10px 10px;
  background-color: #826B78;
  font-size: 20px;
  color: white;
  margin: 10px 10px 10px 10px;
  border: none;
  outline: none;
  }
  
  #categories option
  {
  margin: 30px 30px 30px 30px;
  padding: 30px 30px 30px 30px;
  font-size: 20px;
  }
  </code></pre>
  
  <p>the categories id belongs to the select tag</p>