从必填字段中删除省略号

Question

我无法使用 CSS 从我的必填输入字段中删除省略号（3 个点）：

如果您访问网站并将某些内容添加到购物车然后转到结帐页面，您将能够检查我们拥有的当前 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;
}