css - Remove Blue highlighting of option -
i've got select options:
<select style="display: inline-block;" class="shs-select form-select shs-select-level-1" size="10" id="edit-shs-term-node-tid-depth-select-1"> <option value="0">- none -</option> <option value="87">a</option> <option value="88">b</option> <option value="89">c</option> <option value="95">d</option> <option value="90">e</option> </select>
hohe can remote blue highlighting of option, in 1 selected?
thanks answers.
some browsers chrome use outline
default. can disable removing it.
select { outline: none; }
.no-outline { outline: none; }
<div> <strong> outline </strong> <select> <option> </option> <option> b </option> <option> c </option> </select> </div> <div> <strong> no outline </strong> <select class="no-outline"> <option> </option> <option> b </option> <option> c </option> </select> </div>
if you're referencing actual option display when select open, mentioned in comments, it's not possible.
this browser specific, in instances, combo box display select inputs represented native os controls, css styles applied option
ignored.
a fix problem use third party library emulate combo box using html/css. discouraged because native select implementation in cases perform better ux side of things.
Comments
Post a Comment