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; }
  • Вопрос задан
  • 307 просмотров
Решения вопроса 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
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
21 сент. 2018, в 18:08
200 руб./за проект
21 сент. 2018, в 17:53
25000 руб./в месяц
21 сент. 2018, в 17:41
1000 руб./за проект