تعطيل عدد النقرات مع الروابط المسطرة؟

[j127]

هل يعرف أحد ما إذا كان هناك طريقة لتعطيل عدادات النقر عندما تكون الروابط مُسطَّرة؟ (نُسطِّر الروابط لأغراض إمكانية الوصول.)

لقد قمت بإزالة عدادات النقر باستخدام الكود التالي:

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

لكن بعد ذلك يظهر فراغ مُسطَّر بعد نص الرابط كما هو موضح هنا:

يبدو أن كود HTML كالتالي:

<em dir="ltr">
    <strong dir="ltr">
        <a href="https://example.com/" dir="ltr">
            نص الرابط <span class="badge badge-notification clicks" title="785 clicks" dir="ltr">785</span>
        </a>
    </strong>
</em>

هل توجد طريقة لإزالة ذلك الفراغ الإضافي الموجود مباشرة قبل بداية وسم <span>؟

(المشكلة موجودة حتى لو لم يكن عداد النقر مخفيًا، لأن الخط التسطيري يمتد إلى ذلك الفراغ الإضافي.)

[Don]

مرحبًا جوش،

جرب هذا في الواقع؛ فـ display: inline-block; هي التي تُحدث السحر.

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

[j127]

شكرًا، لقد نجح الأمر.