如何讓光標在懸停時轉爲手牌<button>標記

Question

查看我的站點時，光標僅變爲<a>標記的戴手套的手，而不是<button>標記。是否有一個原因？

這是我的代碼（按鈕標籤在css3中有一個#more的ID）。

#more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
} 

Answer 1

見： https://developer.mozilla.org/de/docs/Web/CSS/cursor

，所以你需要添加：cursor:pointer;

在你的情況下使用：

#more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor:pointer; 
} 

這將光標適用於具有ID「元素更多「（只能使用一次）。因此，在你的HTML中使用

<input type="button" id="more" /> 

如果要將此應用到多個按鈕，那麼你有一個以上的可能性：

使用CLASS

.more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor:pointer; 
} 

，並在你的HTML使用

<input type="button" class="more" value="first" /> 
<input type="button" class="more" value="second" /> 

或應用到HTML中的上下文：

input[type=button] { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor:pointer; 
} 

，並在你的HTML中使用

<input type="button" value="first" /> 
<input type="button" value="second" /> 

Answer 2

只需添加這種風格：

cursor: pointer; 

它不是在默認情況下發生的原因是因爲大多數瀏覽器只保留鏈接的指針（也許還有一些我忘記的東西，但通常不是<button> s）。

更多關於cursor屬性：https://developer.mozilla.org/en/CSS/cursor

我通常默認這適用於<button>和<label>。

注意：我只是抓住了這一點：

按鈕標籤有#more

一個id這是非常重要的，每個元素都有其自身獨特的id，你不能有重複。改爲使用class屬性，並將您的選擇器從#more更改爲.more。這實際上是一個很常見的錯誤，這是很多問題和問題的原因。你越早學習如何使用id越好。

Answer 3

#more { 
    background:none; 
    border:none; 
    color:#FFF; 
    font-family:Verdana, Geneva, sans-serif; 
    cursor: pointer; 
} 

Answer 4

所有u需要的就是使用CSS的屬性，它是---->

光標之一：指針

只是在CSS中使用該屬性，不管其內嵌或內部或外部

例如（內聯CSS）在回答

<form> 
<input type="submit" style= "cursor:pointer" value="Button" name="Button"> 
</form>