title: Html <option> background-color linear gradient
body: <p>is there any option to make the backgrount of every <code>&lt;option&gt;</code> tag from a <code>&lt;select&gt;</code> tag contain different gradient colors?</p>
  
  <p>As far as I could found there is a CSS option: <code>linear-gradient(direction,color1,color2)</code> which allows to set a gradient, but this option cannot be applied to the <code>background-color</code> attribute of each of the options.</p>
  
  <p>if there is a solution I would like it to be many browser compatible, so it works in chrome, mozilla, Explorer, etc...</p>