밑줄이 있는 링크의 클릭 횟수를 비활성화할 수 있나요?

개발
1

링크가 밑줄로 표시될 때 클릭 수를 비활성화하는 방법이 있는지 아시는 분 계신가요? (접근성을 위해 링크에 밑줄을 긋고 있습니다. 접근성을 위한 밑줄.)

아래 코드를 사용하여 클릭 수를 제거했습니다:

span.badge-notification.clicks {
    display: none;
}

하지만 이렇게 하면 링크 텍스트 뒤에 다음과 같이 밑줄이 그어진 빈 공간이 남습니다:

image

HTML은 다음과 같습니다:

<em dir="ltr">
    <strong dir="ltr">
        <a href="https://example.com/" dir="ltr">
            Link Text <span class="badge badge-notification clicks" title="785 clicks" dir="ltr">785</span>
        </a>
    </strong>
</em>

<span> 태그가 시작되기 직전의 그 여분 공간을 제거하는 방법이 있을까요?

(클릭 수가 숨겨지지 않은 상태에서도 문제가 발생하는데, 이는 밑줄이 그 여분 공간까지 확장되기 때문입니다.)

2

Hello Josh,

실제로 display: inline-block;가 마법을 부립니다. :slight_smile:

.cooked a {
    text-decoration: underline;
    font-weight: bold;
    display: inline-block;
}
3

고마워요, 잘 됐어요. :slight_smile: