鼠标悬停而不是文本符号

Question

鼠标悬停而不是文本符号

我这里有一个代码,可以将您单击的文本输入到下面的文本框中.

但问题是它不会鼠标悬停,它只显示文本符号.

为什么有任何方法可以修复或改变它？或者当你将鼠标悬停在文字符号上时,可以点击它而不是文字符号？

  <style type='text/css'>
    #navlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
#navlist li {
    display: inline;
    list-style-type: none;
    text-decoration: none;
    padding-right: 0px;
    color: #b7b7b7;
}
#navlist li a {
    text-decoration: none;
    color: #b7b7b7;
}
#navlist li a:hover {
    text-decoration: underline;
    color: #b7b7b7;
}

  </style>



<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
$('a.linkInsert').click(
    function(e){
        e.preventDefault();
        $('#linkText').val($(this).data('value'));
    });
});//]]>  

</script>


</head>
<body>
          <ul id="navlist">
          <li><a class="linkInsert" data-value="1">Link (email &amp; IM)</a></li>
          &nbsp;|&nbsp;
          <li><a class="linkInsert" data-value="2">Direct Link (email &amp; IM)</a></li>
          &nbsp;|&nbsp;
          <li><a class="linkInsert" data-value="3">HTML Image (websites / blogs)</a></li>
          </br>
          <li><a class="linkInsert" data-value="4">HTML Link (websites / blogs)</a></li>
          &nbsp;|&nbsp;
          <li><a class="linkInsert" data-value="5">Message Boards</a></li>
        </ul>
        <input id="linkText" />

</body>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Ani*_*sur 6

没有指针图标,因为您没有href与之关联的属性<a>.您可以添加一个这样的href="#"或者您可以添加一个css规则:

#navlist li a {
    cursor: pointer;
}

Run Code Online (Sandbox Code Playgroud)

如果它不是链接,则没有理由使用`<a>`.使用span或button标签,然后添加上面的光标CSS. (5认同)

归档时间：	12 年前
查看次数：	82 次
最近记录：	12 年前