如何解决没有手形光标的CSS3按钮样式
| 我想尝试使用HTML5和CSS3模拟按钮。 这是我的CSS样式:.shiny-btn {
background-color: #CE401C;
border: thin solid #882D13;
border-radius: 0.7em 0.7em 0.7em 0.7em;
box-shadow: 2px 2px 2px #BBBBBB;
color: #FFFFFF;
padding: 0.5em;
text-shadow: 1px 1px 1px #000000;
width: 15em;
}
这是我的HTML5代码:
<a id=\"spanishButton\" class=\"shiny-btn\" onclick=\"setLanguage(\'spanish\');\">Spanish</a>
如果我使用的是<a>
标签,为什么看不到手形光标按钮?
解决方法
您需要在
a
元素中添加href
属性:
<a href=\"#\" id=\"spanishButton\" class=\"shiny-btn\" onclick=\"setLanguage(\'spanish\');return false\">Spanish</a>
然后,您将可以看到a
元素的默认pointer
光标,这是我想要的。
根据您在评论中的要求,该站点正在使用以下CSS:
cursor: pointer;
如果包括此内容,则不需要href
属性。
,$cursor:pointer;
是<a>
标记的默认行为。
如果要阻止页面显示指针,则应使用:
.shiny-btn{
cursor: default;
}
,如果此元素未用作链接,而是触发事件或部分javascript,请考虑使用button元素。
为了回答您的问题,
cursor: pointer;
是正确的。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。