将鼠标悬停在链接上时显示箭头选择?

时间:2015-12-17 19:50:41

标签: javascript jquery html css css3

当我将鼠标悬停在如下例所示的链接上时,如何选择箭头。

enter image description here

1 个答案:

答案 0 :(得分:1)

你可以使用伟大的list-style-image:这是我可以创建的最简单的例子,向您展示如何做到这一点。



ul li {
  list-style:none;
}

ul li:hover {
list-style-image: url('http://www.vacationsfsbo.com/images/black_arrow.gif');  
}

<ul>
  <li>TEXT</li>
  <li>TEXT</li>
  <li>TEXT</li>
  <li>TEXT</li>
  <li>TEXT</li>
</ul>
&#13;
&#13;
&#13;