：在通過borderradius創建的圓上懸停{cursor：pointer}將使其成爲一個甚至在圓外的指針

Question

我已經使用border-radius創建了一個圓形按鈕。我的問題是，當使用下面的代碼： button:hover {cursor: pointer}光標將是一個甚至在圓外（但在「矩形div」內）的指針。林非常確定我需要javascript來解決這個問題（如果我錯了，我已經包含了CSS標籤），但除此之外我還是空白的，如果任何人都可以指向正確的方向，那會很棒！

謝謝。

Answer 1

您可以使用SVG。 SVG具有跨瀏覽器的功能。

<svg> 
    <circle cx="40" cy="40" r="24"/> 
</svg> 

circle:hover{ 
    cursor: pointer; 
    background: yellow; 
} 

DEMO：http://jsfiddle.net/DerekL/Jpnre/
MDN：https://developer.mozilla.org/en/CSS/Getting_Started/SVG_graphics