WORDPRESS - 不需要的 HTML 按钮背景颜色

Question

我制作了一个底部带有提交按钮的注册表单。在网站上部署代码时，该按钮似乎具有不需要的灰色背景颜色，但仅在 WordPress 文章中。在 WordPress 之外进行测试时，它看起来很好。 WordPress 似乎出于某种原因对其进行了更改。有谁知道为什么会这样？

Answer 1

这看起来像是一个特殊性的问题。在 CSS 中，如果您没有为按钮元素指定样式，它将继承父元素的样式。例如：如果您的“文章”类包含按钮元素的样式...

.myArticle button {
   background-color: #232323;
   color: black;
}

您在该文章中的按钮，如果没有给出它自己的 id/class 将获得该样式。要改变这一点，只需给你的按钮一个自己的 id/class。 例如：

#myButton {
     background-color: "color";
     color: "color";
}

此外，查看您链接到的图像。两个按钮样式不同的原因可能与输入类型有关。在 CSS 中，您还可以按属性选择输入。示例：

.myArticle input[type=submit] {
     background-color: #232323;
     color: black;
}

无论哪种方式，我都会考虑为您遇到问题的按钮提供一个 ID。从那里你应该能够手动设置它的样式。 ID 是最具体的选择器之一，任何样式都不应覆盖它。希望我正确理解了您的问题，这会有所帮助。