如何使用CSS隐藏选择列表中的选项?



我不是一个程序员,所以请与您的建议温柔。我用Wordpress创建了一个网站,并购买了一个名为Dokan的插件,它允许我创建一个市场。有一个特定的选择列表与各种选项显示给我的网站的供应商在他们的供应商门户。我还可以在我的WordPress面板上看到相同的选择列表,其中包含相同的选项,这是我的网站供应商无法访问的。

我想从选择列表中隐藏一个特定的选项,这样供应商就不能再看到它了,只有我自己。我想通过css隐藏它。

我想隐藏"wc-failed">

当您作为Wordpress管理员登录时,您应该能够在左侧面板中看到外观。选择"自定义",选择"附加CSS"。

你可以在这里输入额外的CSS样式规则。

要不显示特定的选项,您可以选择它并通过:

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

注意,这应该导致该选项不可见,并且在列表中没有为它保留空间(与visibility: hidden不同)。但是,如果用户通过浏览器查看并可以恢复,代码仍然存在。我怀疑这在这种情况下是否重要,但最好意识到,如果存在安全问题,如果他们选择了那个选项,他们仍然可以到达那里。

最新更新