Hover only. It is very easy. No JS… Prevent link default action too.
a:hover {
color: red;
}
a:active {
pointer-events: none;
}
<a href="www.google.com">Link here</a>
Edit:
supported in IE 11 and above
http://caniuse.com/#search=pointer-events
More Related Contents:
- Blank Space To Right Of Webpage? (Hidden min-width?) [closed]
- div 100% width with other div fixed
- Trying to work on responsiveness of login form
- One flex/grid item sets the size limit for siblings
- CSS: Width in percentage and Borders
- Can ordered list produce result that looks like 1.1, 1.2, 1.3 (instead of just 1, 2, 3, …) with css?
- How do I get this CSS text-decoration override to work?
- Why does position:relative; appear to change the z-index?
- Align an element to bottom with flexbox
- Does opacity:0 have exactly the same effect as visibility:hidden
- Flexbox and Internet Explorer 11 (display:flex in ?)
- Is it possible to style a mouseover on an image map using CSS?
- Floating an image to the bottom right with text wrapping around
- Bootstrap: add margin/padding space between columns
- HTML: Changing colors of specific words in a string of text
- Changing highlight color
- Why doesn’t “display: block” & “width: auto” stretch a button to fill the container? [duplicate]
- How to change content on hover
- Prevent a child element from overflowing its parent in flexbox [duplicate]
- Why isn’t position:sticky with left:0 working inside a scrollable container?
- Why does `transform` break `position: fixed`?
- Why do Firefox and Opera ignore max-width inside of display: table-cell?
- How to get ScrollBars in SVG?
- Why doesn’t width/height work with non positioned pseudo elements?
- text-decoration not working for visited state link
- How do I horizontally center an absolute positioned element inside a 100% width div? [duplicate]
- download webpage and dependencies, including css images [closed]
- Prevent floated divs from wrapping to new line
- How to get horizontal scroll bar in select box in IE?
- Can you have a within a ?