Html CSS没有隐藏溢出-Wordpress

我对结账时的数量元素有一个问题，即它与数值重叠，使得客户很难添加多个产品。如果我使用{display:none}css值，它不仅隐藏文本重叠，还隐藏数量文本。只有在详细信息页面上，用户才需要添加产品数量。我找不到解决这个问题的方法。是网址，非常感谢您的帮助。也附加了。

我不确定使用哪个选择器显示：块，但它应该可以工作：

.quantity .screen-reader-text {
    display: none
}

我建议实现.screen reader文本css类以保持可访问性：

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

---

您的主题似乎缺少css定义，该定义可以在不强制执行display:block的情况下解决您的问题。

尝试将此添加到自定义css中：

form.cart td.value label.screen-reader-text{
    visibility: hidden !important;
}

或：

---

可以发布代码吗？可以使用Inspect元素查看CSS值。它是WordPress/WooCommerce。@ShaziaNusrat请发布代码。我不必到场外去帮助你。@ShaziaNusrat抱歉，我没有看到你的链接，但如果你只是在这里发布相关代码，那会更有帮助，这样我们就不需要到场外去搜索你的网站来找到它。@Martin谢谢你的第一段代码没有破坏任何东西。

form.cart td.value label.screen-reader-text{
        display: none!important;
}