我在我的wordpress网站上添加了一个搜索框,但由于wordpress中有很多默认样式,我似乎无法设置机器人框和提交按钮对齐。
目前提交按钮比我的搜索框略高,但我没有为我的按钮指定任何边距或填充..
该网站在线; http://sennheiser-apart.com
这些是我目前在我孩子主题的css文件中搜索内容的css行。
button {
border:none;
padding:6px;
}
input {
height:28px;
border:none;
}
input[type="submit"]{
border:none;
background-color:#00AFDD;
height:28px;
color:#fff;
font-size:18px;
margin:0px;
}
input[type="submit"]:hover{
background-color:#ADAFB2;
}
即使在我的页面上搜索并在wordpress使用的其他文件中寻找一系列样式也无济于事,我只是找不到导致这种情况的原因。有人有线索吗?我怎样才能解决这个问题?
答案 0 :(得分:5)
如果不仔细查看细节,可以将其添加到<form>
- 元素:
padding: 5px 0 0 0;
和两个<input>
- 元素添加:
vertical-align: top;
这应该可以解决问题。