2016-04-05 2 views
1

選択要素の後ろにアンカーを使用しています。選択要素がIE11でアンカー、マウスのちらつきをオーバーラップする

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

最初のオプションの上にマウスを移動すると、アンカーのためにカーソルがデフォルトとポインタの間で変更されます。

どうすればこの問題を回避できますか?私はデフォルトのカーソルを持っているだけです。

+0

私は[jsfiddle](https://jsfiddle.net/MrLister/xfr1hL05/)にそれを置くとき、私はあなたが記述している問題が表示されません。問題を実証する、より完全な例を投稿できますか? –

+0

http://stackoverflow.com/q/23648834/1427878、http://stackoverflow.com/q/27911035/1427878 – CBroe

+0

リンクが選択ボックスの下にあるように改行を追加しました。 – MiVi

答えて

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>

+0

ありがとうございました。私は選択ボックスだけに焦点を当てました。 – MiVi

関連する問題