代码之家  ›  专栏  ›  技术社区  ›  Lukasz

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

  •  -1
  • Lukasz  · 技术社区  · 7 年前

    我已经做了一个注册表格,底部有一个提交按钮。在网站上部署代码时,按钮似乎有一个不需要的灰色背景颜色,但仅在WordPress文章中出现。在WordPress外部测试时,它看起来很好。WordPress似乎出于某种原因改变了它。有人知道为什么会这样吗?

    enter image description here

    1 回复  |  直到 7 年前
        1
  •  1
  •   Ceder    7 年前

    这看起来是一个特殊的问题。在CSS中,如果没有为button元素指定样式,它将继承父元素的样式。例如:如果您的“article”类包含按钮元素的样式。。。

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

    文章中的按钮,如果没有提供自己的id/类,将收到该样式。要改变这一点,只需为按钮提供自己的id/类。 例如:

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

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

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

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