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

Popular posts from this blog

Fail to load namespace Spring Security http://www.springframework.org/security/tags -

sql - MySQL query optimization using coalesce -

unity3d - Unity local avoidance in user created world -