Артём Мáлков

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

12 окт0 комм

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

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

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

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

Рекомендуем к просмотру
Как сделать жирный текст (шрифт) в HTML/CSS/jQuery/JavaScript?
Статьи и советы
Как получить favicon сайта по его URL на PHP/jQuery
Модули и скрипты
Простой скрипт ротатора ссылок и баннеров на PHP+jQuery
Модули и скрипты
0
комментариев
Форма комментирования этого поста скрыта. Авторизуйтесь, чтобы расширить привилегии гостевого посещения и получить необходимую помощь от сообщества Pandoge.
Подняться наверх
«Pandoge» - помощник вебмастера