Удалить многоточие из обязательных полей

Question

У меня проблемы с удалением многоточия (3 точки) из моих обязательных полей ввода с помощью CSS:

Если вы зайдете на веб-сайт и добавите что-то в корзину, перейдите на страницу оформления заказа, и вы сможете проверить текущий CSS-код, который основан на стандартном стиле woocommerce. https://www.bobfraley.org/product/salt-and-light-study-edition/

Я пытался удалить границу из <abbr> которая должна решить проблему, но она не работает.

abbr, abbr[title] {
    border: none !important;
    border-bottom: none !important;
}

Answer 1

Это не граница. Многоточие там из-за стиля браузера по умолчанию text-decoration: underline dotted,

Используйте этот стиль, чтобы удалить его

abbr, abbr[title] {
    text-decoration: none;
}