How to remove the strip in option?

Two strips, one below the other on the left side.

http://jsfiddle.net/chech/u5rcheqf/1/

<style> select option { padding:5px 0px; } </style> <select> <option>&nbsp;1</option> <option>&nbsp;2</option> <option>&nbsp;3</option> </select> <br/> <br/> option with no left padding: <br/> <style> select option { padding:5px 0px; } </style> <select> <option>1</option> <option>2</option> <option>3</option> </select>

enter image description here

  • Could you take a screenshot, it is not clear what strips are in question. - Vladimir Gamalyan
  • @Vladimir Gamalian interposed. - gilo1212
  • It looks like a browser / OS rendering feature. Could not repeat in Chrome 49. Perhaps you will fit javascript solution (custom select). - Vladimir Gamalyan

1 answer 1

Apparently this is a browser feature, or you didn’t describe some of the styles, it doesn’t play in my browser (Chrome 48). A similar question has already been, look here: https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-a-html-select