Unterer Rand für die select box option funktioniert nicht in chrome

Möchte ich underline deaktiviert die Optionen auf eine select box. Siehe meinen code,

CODE

CSS:

#myselect option {
  font-size: 13px;
  color: #1A1F24;
}
#myselect option:disabled {
  font-size: 11px;
  color: #ABB6C0;
  border-bottom: 1px solid #ABB6C0;
}

HTML:

<select id="myselect">
  <option value="1">One</option>
  <option value="2" disabled>Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
</select>

Dieser code funktioniert in firefox. Funktioniert nicht in chrome. Wie zu machen, arbeiten diese in chrome auch ?

JS Fiddle