【问题标题】:Remove dots below required stars in Wordpress checkout-form删除 Wordpress 结帐表单中所需星号下方的点
【发布时间】:2018-06-06 04:33:58
【问题描述】:

学习永远不会太晚。我很惊讶在我的 Wordpress 结帐表格中看到所有必需的星星下方的一些小点。知道如何删除它们 - 首选 CSS 吗?

这里是 HTML 代码

<label for="billing_address_1" class="">Street address <abbr class="required" title="required">*</abbr></label>

还有一张图片

【问题讨论】:

  • 将您的整个代码发布到js fiddle
  • 它是 标签。

标签: php wordpress css woocommerce


【解决方案1】:

这是因为 &lt;abbr&gt; 元素 - 它的默认样式是虚线边框,所以试试:

abbr {
 border: none; 
}

【讨论】:

  • 应为abbr .required,以便仅获取必填字段。
  • 如果需要,它需要像 abbr.required(之间没有空格)
【解决方案2】:

以下内容在较新的浏览器中也可以正常工作。似乎firefox和chrome切换了text-decoration而不是border。所以只有border: none !important;是不够的。

abbr.required {
    border: none !important;
    text-decoration: none !important;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-08-02
    • 1970-01-01
    • 2012-01-08
    • 2015-02-09
    • 2015-07-01
    • 2016-03-23
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多