我正在使用Wordpress处理模板,到目前为止,它已经是基本的HTML,CSS和一些PHP,但我目前遇到了CSS的头部问题。
It currently looks like this.搜索栏已移至正确的位置,背景填充正确的颜色,但高度不会改变。我希望它上面有一些红色填充,以匹配左侧的对角线框。我已经尝试过改变高度,但这只是让它向下延伸到页面的底部,并且到顶部的边界或者只是四周都没有做任何事情。我在这个搜索框的css上做错了什么?
以下是搜索框的css代码。
/* Top search */
#nav-search {
background-color:#990000;
width: 250px;
display: block;
height: 30px;
line-height: 16px;
position: absolute;
right: 0px;
top: -22px;
}
#nav-search label {
display: none;
}
#s,
#searchsubmit {
border-radius: 3px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
#s {
border: 1px solid #000099;
font-size: 11px;
height: 15px;
padding: 4px 5px 2px;
width: 130px;
}
#nav-search #s {
border-color: #000099; border-bottom-color: #0000BE; border-right-color: #000099;
}
#searchsubmit {
background: #669900 url(img/button-style-input.png) center left repeat-x;
border: 1px solid #666;
color: #fff;
font-size: 11px;
height: 23px;
letter-spacing: 1px;
line-height: 20px;
padding: 0 5px;
-moz-box-shadow: 0px 0px 1px #fff;
-webkit-box-shadow: 0px 0px 1px #fff;
}
/* Fixes Firefox 2 and 3 */
#searchsubmit, x:-moz-any-link {
padding: 0 5px 3px; *padding: 0 5px;
}