CSS没有隐藏溢出 - Wordpress

Question

我在结帐时遇到数量元素的问题，它与数字值重叠，使客户难以添加多个产品。如果我使用 {display：none} css值，它不仅会隐藏文本重叠，还会隐藏“QUANTITY”文本。它只在用户需要添加产品数量的详细页面上。我找不到办法解决这个问题。 This是网址，非常感谢帮助。 也附上了。

Answer 1

我不确定您使用哪个选择器display: block但它应该有效：

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

我建议将.screen-reader-text css类实现为documentation以保持可访问性：

/* 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的情况下解决您的问题。

Answer 2

尝试将此添加到您的自定义CSS：

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

或：

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