Link Code
Remove Underline from Link Code
Browsers underline links by default — one CSS property turns it off.
Live Tool
This one is a single, fixed line of CSS — no fields to fill in.
no-underline.css
Live
Preview
1How To Use
Follow these steps — no coding experience needed.
- Copy the CSSApplies to every link on the page, by default.
- Scope it if neededTarget a class like .no-underline instead of every if you only want this in one place.
- Keep links recognisableConsider a colour change or hover effect so links are still easy to spot without an underline.
2Example Output
What this code looks like once it's on a real page.
See our pricing page for full details — coloured but not underlined.
3Browser Compatibility
| Browser | Support | Notes |
|---|---|---|
| Chrome | ✓ Supported | Full support |
| Firefox | ✓ Supported | Full support |
| Safari | ✓ Supported | Full support |
| Edge | ✓ Supported | Full support |
| Opera | ✓ Supported | Full support |
| Mobile browsers | ✓ Supported | Full support, iOS & Android |
Supported in every current browser — Chrome, Firefox, Safari, Edge and Opera all render this identically, on both desktop and mobile.
→Related Pages
More tools that pair naturally with this one.