html - Firefox anchor sinking on ":active" -
html - Firefox anchor sinking on ":active" -
faced problem in firefox.
you can see here: link
on click , hold text "click me" goes downwards on 1 pixel. if move away cursor while holding mouse button , release on empty space - text "click me" won't go on 1 pixel. after click on other element or empty space. chrome not have kind of behavior.
including images more clearer: 1.while clicked on text , after button release on empty space 2.on idle , after clicking on other element
os: windows 8.1 browser version: 33.1
code:
<a href="#">click me</a> { position: relative; } a:active { top: 1px; }
this known idiosyncrasy of firefox, can find more here
jsfiddle
html
<div onclick="location.href='#';" class="link">w3c web server</div>
change css this,
.link { cursor: pointer; } .link:active { position: relative; top: 1px; }
html css firefox
Comments
Post a Comment