Html 无手动光标的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>

西班牙语

---

为什么我在使用

标记时看不到手动光标按钮？

$cursor:pointer

是

标记的默认行为

如果要防止页面显示指针，应使用：

.shiny-btn{
    cursor: default;
}

---

您需要向

a

元素添加

href

属性：

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

---

如果包含此，则不需要<代码> HREF 属性。

< P>如果此元素不被用作链接，而是触发事件或JavaScript的位，请考虑使用按钮元素。

回答你的问题,

cursor: pointer;

---

是正确的。

谢谢你的回答，但用这个我只看到一个指针箭头。@vansfannel，那么你想实现什么？对不起，我想看到一个手动光标。所以那个“can”毕竟是一个拼写错误。谢谢你的回答。我还有一个问题：在这里，我可以看到一个手动光标，但它们没有href=“#”。你知道为什么吗？作为补充：典型的默认样式是

body{cursor:default；}a{cursor:inherit；}a:link{cursor:pointer；}

，因此手/指针光标和

元素之间的关系带有

href

属性。@BoltClock:谢谢，我从来都不知道

href

魔术背后的原因。

：link

以

href

属性为目标元素，所以这就是它的组合：）而且，

一个{cursor:inherit；}

是隐式的，但我只是想说清楚，默认情况下，它们继承了光标样式。我添加了

html

和

css

标记，因此这会获得更多的流量，因为

与新HTML5的关联不像我们几十年来所知的html那样频繁。

cursor: pointer;