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

Popular posts from this blog

Delphi change the assembly code of a running process -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

C++ 11 "class" keyword -