Информер доступности Интернета   •   Магазин расширений
161 просм
0 комм
Поделиться:

Как убрать подчеркивание у ссылок в 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>

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

0
комментарий
Оставить комментарий:
Нажимая кнопку «Отправить» вы даете согласие на обработку своих персональных данных.
Ваше Имя
Ваш E-mail
Текст комментария