Как у тега <a> убрать визуальные эффекты?
Надо прописать для каждого состояния ссылки стиль оформления, используя псевдоклассы. А использовать !important надо только в самых крайних случаях.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.5.24.43458
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как изменить цвет ссылки HTML
Ссылка в HTML выглядит следующим образом:
По умолчанию ее цвет синий и она будет иметь подчеркивание. Вы можете изменить ее цвет и убрать подчеркивание, просто добавив внутрь тега свойство style с соответствующими значениями. Вот так:
Есть и другой способ изменить внешний вид ссылки. Для этих целей используются таблицы стилей CSS. Причем вы сможете задать значения для ссылок при различных условиях, будь-то активная ссылка (a:active), посещенная ссылка(a:visited) либо ссылка при наведении мыши (a:hover). Вот как это делается:
Как удалить цвет ссылки по умолчанию для тега гиперссылки html 'a'?
Цвет ссылки по умолчанию — синий. Как удалить цвет ссылки по умолчанию для тега гиперссылки html <a> ?
12 ответов
… Приведет к тому, что элемент приобретет цвет своего родителя (что, я думаю, вы ищете).
Живая демонстрация следует:
Если вы не хотите видеть подчеркивание и цвет по умолчанию, предоставляемые браузером, вы можете сохранить следующий код в верхней части файла main.css. Если вам нужен другой цвет и стиль оформления, вы можете легко изменить значения по умолчанию, используя приведенный ниже фрагмент кода.
Я счел необходимым опубликовать приведенное выше определение класса, многие ответы на SO пропускают некоторые из состояний
Просто добавьте это в CSS ,
Вот и все, готово.
У меня возникла эта проблема, когда я работал над приложением Rails 6 с использованием Bootstrap 4.
Моя проблема заключалась в том, что я не хотел, чтобы этот стиль отменял стиль ссылок по умолчанию в приложении.
Итак, я создал файл CSS под названием custom.css или custom.scss .
А затем определил новое правило CSS со следующими свойствами :
Затем я вызвал это правило везде, где мне нужно было переопределить стиль ссылок по умолчанию.
Это решает проблему переопределения стиля ссылки по умолчанию и удаляет цвет , наведение , фокус и активный по умолчанию. стили для кнопок только в тех местах, где я называю правило CSS .
Надеюсь, это поможет
Вы можете использовать значения System Color (18.2), представленные в CSS 2.0, но не рекомендуется в CSS 3 .
Таким образом, ваши якорные ссылки будут того же цвета, что и обычный текст документа в этой системе.
Это также возможно:
unset: это ключевое слово указывает на изменение всех свойств, применяемых к элементу или родительскому элементу, на их родительское значение, если они наследуются, или на их начальное значение, если нет. unicode-bidi и значения направления не затрагиваются.