Removing link styles (border/box)

Hi!

Is there a simple way to remove those link styles related to dotted borders (and white borders)? It’s possible to change some links but in the end there is always this box/border visible (on focus?)… Code like below doesn’t really help. Any ideas?

a {
	border: none !important;
	border-style: none !important;
	text-decoration-style: none !important;
}

a:link {
	border: none !important;
	border-style: none !important;
	text-decoration-style: none !important;
}

a:visited {
	border: none !important;
	border-style: none !important;
	text-decoration-style: none !important;
}

a:active {
	border: none !important;
	border-style: none !important;
	text-decoration-style: none !important;
}

a:hover {
	border: none !important;
	border-style: none !important;
	text-decoration-style: none !important;
}

a:focus {
	border: none !important;
	border-style: none !important;
	text-decoration-style: none !important;
}

Thanks!
Y