Select element overlaps anchor, mouse flickering, in IE11

Question

I' am using an anchor after a select element.

<select>
<option>option 1</option>
<option>option 2</option>
<option>option 3</option>
</select>
<br />
<a href="#">Link</a>

If I move the the mouse over the first option the cursor changes between default and pointer because of the anchor.

How can I avoid this? I only want to have the default cursor.

When I put that into a [jsfiddle](https://jsfiddle.net/MrLister/xfr1hL05/), I don't see the issue you're describing. Can you post a more complete example, that does demonstrate the problem? — Mr Lister, Apr 05 '16 at 12:42
http://stackoverflow.com/q/23648834/1427878, http://stackoverflow.com/q/27911035/1427878 — CBroe, Apr 05 '16 at 12:47

Pugazh · Answer 1 · 2016-04-05T13:10:35.037

0

a {
  cursor: default;
}
a:hover {
  cursor: pointer;
}

<select>
  <option>option 1</option>
  <option>option 2</option>
  <option>option 3</option>
</select>
<br />
<a href="#">Link</a>

edited Apr 05 '16 at 13:10

answered Apr 05 '16 at 13:04

Pugazh

1 Answers1