css - 自定义搜索栏

我想使搜索栏更长和更高。与正文（宽度）和菜单（高度）的末端对齐。我看了其他教程和问题，但我缺少一些东西。

的CSS

form input[type="text"] {
    height: 45px;
    width: 250px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    border: 1px solid #CCCCCC;
    float: left;
}

的HTML

<form name="catsearchform60238" method="post" action="/Default.aspx?SiteSearchID=2433&PageID=/search.html">
    <div class="cat_textbox">
        <input type="text" value="text field"></input>
        <input type="submit" value="Submit"></input>
</form>

最佳答案

您正在寻找使用display: block;。

form input[type="text"] {
    display: block;
    height: 45px;
    width: 250px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    border: 1px solid #CCCCCC;
    float: left;
}

关于css - 自定义搜索栏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22544881/