Button border radius and cursor

Posted by noober on Stack Overflow See other posts from Stack Overflow or by noober
Published on 2012-03-18T17:52:48Z Indexed on 2012/03/18 17:56 UTC
Read the original article Hit count: 149

Filed under:
|
|
|

CSS border radius does affect button rendering (I see it's round form), but does not affect how it interacts with the user (I still can click button outside its border). How should I fix it?

I see the behavior in Chrome.

button
{
    cursor: pointer;
    outline: none;
    background-size: 100% 100%;
    background-color: red; /*transparent;*/ /* It's actually red and ROUND. */
    background-position: center center;
    background-repeat: no-repeat;
    border: 0px;

    -webkit-border-top-left-radius: 73px;
    -webkit-border-top-right-radius: 73px;
    -webkit-border-bottom-left-radius: 73px;
    -webkit-border-bottom-right-radius: 73px;
    width: 146px; height: 146px;

    background-image: url('leftarrow.png');
}

Regards,

© Stack Overflow or respective owner

Related posts about css

Related posts about html5