Sharapov
@Sharapov

Как сделать пунктирную ссылку без border?

Возможно ли сделать скриптовую (dotted) ссылку без border? Border уже занят для hover (на скриншоте).
Приходит в голову background-image, но для текста разной длины придётся делать разные background-image.

a.hmenu_city	{
	color: #FF0000; 
	text-decoration: none; 
	padding: 7px 10px 8px 30px; 
	border-radius: 4px; }

a.hmenu_city:hover, a:active	{
	background-color: #ffe3e3; }
  • Вопрос задан
  • 309 просмотров
Решения вопроса 1
@DailyFuckups
Есть 2 стула.
Первый:
a {display:inline-block;position:relative;}
a:after {position:absolute;left:0;right:0;bottom:0;border-bottom:SZ dashed/dotted transparent;}
a:hover:after {border-color:#color;}

Второй:
a:hover {outline-bottom:SZ dashed/dotted #color;}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
LenovoId
@LenovoId
I want, women not to get sick
для elem:after , elem:before - делайте border:size dotted color;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
28 июл. 2021, в 00:00
2000 руб./за проект
27 июл. 2021, в 22:00
25000 руб./за проект
27 июл. 2021, в 21:59
1500 руб./за проект