Как убрать подчеркивание у ссылок в HTML на CSS/jQuery

Дизайнеры, создавая концепцию будущему проекту, продумывают каждую деталь до мелочей. И стандартное подчеркивание браузером ссылок может не входить в их планы.

И как убрать это ненужное подчеркивание, я сейчас расскажу.

Как убрать подчеркивание у ссылок в HTML на CSS

В CSS существует свойство под названием «text-decoration» – именно с помощью него мы и будем убирать стандартное подчеркивание ссылок.

Вариант с отдельным CSS:

<style>
	.link {
		text-decoration: none;
	}
</style>

<a href="/" class="link">Hello, World!</a>

Или с CSS, прописанным в HTML:

<a href="/" style="text-decoration: none;">Hello, World!</a>

В первом случае «.link» – это класс нужной вам ссылки, у которой необходимо убрать подчеркивание.

Как убрать подчеркивание у ссылок в HTML на jQuery

В jQuery существует метод «css», который позволяет работать со стилями элемента. Воспользуемся им и получим следующее:

<a href="/" class="link">Hello, World!</a>

<script>

	$(function() {

		$(".link").css({"text-decoration": "none"});

	});

</script>

Где «.link» – идентификатор нужного элемента.

Обратите внимание, что если ни один из способов вам не помог – есть вероятность того, что стили элемента уже где-то определены.

Для этого в любом из вариантов добавьте «!important» через пробел, например:

<a href="/" style="text-decoration: none !important;">Hello, World!</a>

Это должно решить вашу проблему.