Hacker News: clear reply button
Turns the inconspicuous "reply" link under a comment into a clear bordered button that is easy to hit.
Code to copy
/* Make the reply link clearer and easier to click */
.comment .reply a {
display: inline-block !important;
padding: 2px 10px !important;
border: 1px solid #ff6600 !important;
border-radius: 4px !important;
color: #ff6600 !important;
font-size: 9pt !important;
text-decoration: none !important;
}
.comment .reply a:hover {
background: #ff6600 !important;
color: #fff !important;
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.