内联块中输入字段的全宽度不起作用

Question

问题：image.png

下拉菜单显示“选择一个选项”，就像从文本区域出来的方框一样。我做了一点研究，这是一个CSS问题，并按照说明进行操作。

我右键单击“选择一个选项”，然后单击“检查”，如下所示：

突出显示的代码是错误所在，如果我将代码中的“宽度”更改为“ 150px”或“自动”，则该选项将正确显示如下

<< img src =“ https://image.soinside.com/eyJ1cmwiOiAiaHR0cHM6Ly9pLnN0YWNrLmltZ3VyLmNvbS9iUFRSby5qcGcifQ==” alt =“问题2”>

这需要添加到我的WordPress自定义CSS选项卡中的自定​​义CSS代码中，如下所示

但是我点击发布后它没有改变。那是我的小故障。我不确定自己在做什么错。也许我没有正确选择CSS类。

Answer 1

您应该检查该元素以确保确定，但是我的猜测是，由于某种原因，wordpress正在将该元素的内联样式初始化为36px。这将覆盖类样式（您可以阅读有关CSS优先级here的更多信息）。

作为一种简单的解决方法，您可以只使用important!规则。仅在确实需要时才应谨慎使用它（可以阅读有关here的更多信息）。

我强烈建议仅在您真正需要它时才使用它，因为它很容易适得其反。