html - 没有手形光标的CSS3按钮样式

Question

我想尝试用 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> 时看不到手形光标按钮标签？

Answer 1

您需要将 href 属性添加到您的 a 元素:

<a href="#" id="spanishButton" class="shiny-btn" onclick="setLanguage('spanish');return false">Spanish</a>

然后您将能够看到 a 元素的默认 pointer 光标，这是我收集到的您想要的。

---

正如您在评论中所要求的那样，该网站正在使用此 CSS:

cursor: pointer;

如果包含它，则不需要 href 属性。