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; }
  • Вопрос задан
  • 310 просмотров
Решения вопроса 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;}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
LenovoId
@LenovoId
I want, women not to get sick
для elem:after , elem:before - делайте border:size dotted color;
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы