在wordpress我试图修改搜索按钮的CSS和更改没有生效

时间:2017-01-20 19:39:54

标签: css wordpress

Inspect PIC出于调试原因,我在浏览器中检查我看到我在custom.css中的css代码,如果我改变任何东西,它就会生效。但 当我进入编辑器并更改代码时,它没有生效。

我的搜索按钮代码:

open ~/.bash_profile

我用过 input[type="submit"], button[type="submit"] { display: inline-block; margin-bottom: 0; font-size: 10px; font-weight: bold; line-height: 1.33; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } 在我的header.php。

如何更改搜索样式和提交按钮

2 个答案:

答案 0 :(得分:0)

您没有提供足够的信息,但如果您看到custom.css中反映的更改,那么我想您正在设置的值正被其他选择器覆盖。

我建议你看看https://css-tricks.com/specifics-on-css-specificity/这样的资源,它涵盖了CSS的特殊性。

如果您通过显示目标按钮的检查员的屏幕截图更新您的问题,我可以看看是否可以确定任何内容(如果该网站是公开的,我可以直接假设它是SFW。 / p>

更新:感谢截图。所以,我看一下,你发布的样式都来自style.css。我怀疑你的文件没有被包含或者可能被读取(没有链接到html中的css)。也许它不在服务器的正确位置?或者它在服务器上没有更新?这有很多可能性....

答案 1 :(得分:0)

我建议在表单周围添加<div class="searchform">以确保只更改此表单。