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

Question

我已经在底部提交了一个提交按钮。在网站上部署代码时，该按钮似乎具有不需要的灰色背景颜色，但仅限于WordPress文章。在WordPress外测试时，看起来很好。似乎WordPress出于某种原因改变了它。有谁知道为什么会这样？

Answer 1

这看起来像是一个具体的问题。在CSS中，如果没有为button元素指定样式，它将继承父元素的样式。例如：如果你的文章＆＃34; class包含按钮元素的样式......

.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是最具体的选择器之一，没有样式可以覆盖它。希望我能正确理解你的问题，这有帮助。