+ 3

Is it possible to create an onclick effect instead of hover using css

24th Oct 2020, 6:09 AM

Francisco Bensaia

2 Answers

+ 5

Yes it is possible with the focus pseudo-class: <html> <head> <style type="text/css"> #hidden { display: none; border: 2px solid green; cursor: default; } a {text-decoration: none;} /* unvisited link */ a, div:visited { color: blue; } a:focus #hidden { color: black; display: block; } </style> </head> <body> <a href="#">Click to show box <div id="hidden">More information!<br/>Click outside to remove</div> </a> </body> </html>

24th Oct 2020, 6:20 AM

Alphin K Sajan