Php 如何获取按钮旁边的文本字段？

我正在使用wordpress中的一个插件来显示新闻稿表单，并尝试使用css对其进行样式设置。在时事通讯注册的上方，我得到了一张搜索表，我试图得到同样的风格

这是html输出和我的css：

#侧边栏{
字号：1em；
字体系列：无衬线，Arial；
颜色：#2A2A2A；
}
.屏幕阅读器文本{
显示：无；
}
#{
宽度：67%；
高度：22px；
背景：#fff；
边框：1px实心rgba（0,0,0,0.247059）；
大纲：0无；
}
#搜索提交{
宽度：25%；
高度：26px；
左边距：3倍；
背景：#fff；
边框：1px实心#000；
过渡：所有0.2秒到0秒；
字号：0.8em；
字体系列：无衬线，Arial；
浮动：对；
填充：0；
}
#搜索提交：悬停{
背景：#63B75D；
颜色：#fff；
边框：1px实心#63B75D；
}
#s:焦点{
边框：1px实心#63B75D；
}
#haet-cleverreach-cleverreach_电子邮件{
宽度：67%；
高度：22px；
背景：#fff；
边框：1px实心rgba（0,0,0,0.247059）；
大纲：0无；
}
#haet-cleverreach-cleverreach_电子邮件：聚焦{
边框：1px实心#63B75D；
}
#haet cleverreach提交{
宽度：25%；
高度：26px；
左边距：3倍；
背景：#fff；
边框：1px实心#000；
过渡：所有0.2秒到0秒；
字号：0.8em；
字体系列：无衬线，Arial；
浮动：对；
填充：0；
}
#haet cleverreach提交：悬停{
背景：#63B75D；
颜色：#fff；
边框：1px实心#63B75D；
}

Suche nach：
Melde dich zu unserem新闻通讯

→

您可以添加以下CSS：

#haet-cleverreach-cleverreach_email {
    float: left;
}

---

您可以添加以下CSS：

#haet-cleverreach-cleverreach_email {
    float: left;
}

---

将这些样式添加到您的样式中，它会很好地工作：

.haet-cleverreach-field-wrap.label-inside.type-email {
    width: 67%;
    float: left;
}
#haet-cleverreach-cleverreach_email{
    width:100% !important;
}

---

将这些样式添加到您的样式中，它会很好地工作：

.haet-cleverreach-field-wrap.label-inside.type-email {
    width: 67%;
    float: left;
}
#haet-cleverreach-cleverreach_email{
    width:100% !important;
}

---

这很奇怪，因为正常情况下它应该工作，但我的输出没有变化…这很奇怪，因为正常情况下它应该工作，但我的输出没有变化。。。