沒有手形光標的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>標籤？

來源

2011-05-26 VansFannel

無論如何，我拋出了'html'和'css'標籤，所以這得到了更多的流量，因爲''並不經常與新的HTML5關聯，因爲它與我們已經知道的HTML數十年。 – BoltClock 2011-05-26 09:32:08

你需要一個href屬性添加到您的a元素：

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

然後你就能夠看到默認pointer光標爲a元素，這是我想要的。

當您在意見中的要求，該網站與該CSS做：

cursor: pointer;

如果包含，你不需要href屬性。

來源

2011-05-26 09:24:40 thirtydot

因此，「可以」畢竟是一個錯字。 – BoltClock 2011-05-26 09:25:54

感謝您的回答。我還有一個問題：在這裏，http://papermashup.com/demos/css-buttons/，我可以看到一個手形光標，但他們沒有href =「＃」。你知道爲什麼嗎？ – VansFannel 2011-05-26 09:26:56

我會將其添加到我的答案。 – thirtydot 2011-05-26 09:27:35

$cursor:pointer;是<a>標記的默認行爲。

如果你想阻止該網頁顯示指針，你應該使用：

.shiny-btn{ 
    cursor: default; 
}

來源

2011-05-26 09:08:29 MonsieurNinja

感謝您的回答，但使用此我只看到一個指針箭頭。 – VansFannel 2011-05-26 09:13:53

@ vansfannel，你想實現什麼呢？ – gnur 2011-05-26 09:19:54

對不起，我想看到一個手形光標。 – VansFannel 2011-05-26 09:27:24

如果這個元素不是用作鏈接，而是觸發一個事件，或者是一點點的javascript，請考慮使用一個按鈕元素。

要回答你的問題，

cursor: pointer;

是正確的。

來源

2012-05-11 05:35:22

沒有手形光標的CSS3按鈕樣式

回答

相關問題