我的网站是https://www.webovo.nl。在右上角的https://www.webovo.nl/blog/页面上，我有一个蓝色的'Zoeken（搜索）'按钮，上面有一个搜索文本字段。我已将按钮设置为“width：100％！important;”，但我希望搜索字段的宽度与搜索按钮的宽度相同。我已经将搜索字段的宽度（输入[type =“search”]）更改为100％！重要但没有改变。
当我更改我的谷歌浏览器浏览器的宽度时，我发现该按钮在某些时候将与搜索字段的长度相同。当浏览器达到移动电话的宽度时，按钮会下降到页面底部，然后再次变大到搜索字段。
我哪里错了？ 我希望你能通过检查www.webovo.nl
的元素和源代码来找到解决方案由于
答案 0 :(得分：1)
您可以将自定义样式添加到样式表中。将此类添加到样式表中：
form.search-form label { width: 100%; }
答案 1 :(得分：1)
问题解决了！
搜索字段位于<label>标记中，其样式为display:inline-block。这里有2个选项：
1）将该父display的{{1}}级别更改为<label>
OR
2）为block提供<label>
希望能帮到你： - ）