2017-04-13 237 views
0

我一直在嘗試將光標放在我的網頁上的按鈕上。我曾看過W3School和其他網站說,把光標:指針在CSS中,但它不起作用。更改按鈕的光標

#button { 
 
    cursor: pointer; 
 
    color: white; 
 
    background-color: #1c171c; 
 
    text-align: center; 
 
    border-radius: 10px; 
 
    width: 110px; 
 
    height: 40px; 
 
    font-size: 12px; 
 
    font-weight: bold; 
 
    cursor: pointer; 
 
    box-shadow: 7px 7px 6px black; 
 
}
<input id="button" value="Search for Books" onclick="website'" />

出於某種原因,懸停在文本時,它不會改變指針,指針看起來像我。它可以是html的(id =「button」)部分嗎?

+0

它的工作原理,即使你打電話光標:指針兩次。似乎這裏沒有問題? –

+0

我看到的唯一問題是你想要一個''爲'

回答

0

將只讀屬性添加到您的輸入。

#button { 
 
    cursor: pointer; 
 
    color: white; 
 
    background-color: #1c171c; 
 
    text-align: center; 
 
    border-radius: 10px; 
 
    width: 110px; 
 
    height: 40px; 
 
    font-size: 12px; 
 
    font-weight: bold; 
 
    cursor: pointer; 
 
    box-shadow: 7px 7px 6px black; 
 
}
<input id="button" value="Search for Books" onclick="website'" readonly />