如何使用 CSS 从选择列表中隐藏选项？

Question

我不是编码员，所以请谨慎对待您的建议。我在 Wordpress 中创建了一个网站，并购买了一个名为 Dokan 的插件，它允许我创建一个市场。有一个特定的选择列表，其中包含在我的网站供应商的供应商门户中显示的各种选项。我还可以在我的网站供应商无法访问的 WordPress 面板中看到具有相同选项的相同选择列表。

我想从选择列表中隐藏一个特定选项，以便供应商再也看不到它，只有我自己。我想通过css隐藏它。

I want to hide 'wc-failed'

Answer 1

当您以 Wordpress 管理员身份登录时，您应该能够在左侧面板中看到外观。转到自定义，然后转到附加 CSS。

您可以在此处输入额外的 CSS 样式规则。

要不显示特定选项，您可以选择它并设置它：

#order_status option[value="wc-failed"] { display: none; }

注意，这应该导致该选项不可见，并且列表中没有为其保留空间（与可见性：隐藏不同）。但是，如果用户通过浏览器查看，代码仍然存在，他们可以恢复它。我怀疑在这种情况下这很重要，但也需要注意的是，如果他们选择该选项存在安全问题，他们仍然可以到达那里。