如何設(shè)置CSS搜索框的尺寸

在CSS中，我們可以使用多種屬性來(lái)設(shè)置搜索框的尺寸，以下是一些常用的方法：

1、寬度和高度：

使用width和height屬性來(lái)設(shè)置搜索框的寬度和高度，如果你想要一個(gè)寬度為200px、高度為30px的搜索框，你可以這樣寫(xiě)：

input[type="search"] {
    width: 200px;
    height: 30px;
}

2、邊框：

使用border屬性可以為搜索框添加邊框，這有助于增加搜索區(qū)域的清晰度。

input[type="search"] {
    border: 1px solid #000;
}

3、內(nèi)填充：

使用padding屬性可以為搜索框添加內(nèi)部填充，這有助于增加搜索區(qū)域的可用性。

input[type="search"] {
    padding: 5px;
}

4、字體大小：

使用font-size屬性可以設(shè)置搜索框中文字的字體大小。

input[type="search"] {
    font-size: 16px;
}

5、顏色：

使用color屬性可以設(shè)置搜索框中文字的顏色。

input[type="search"] {
    color: #000;
}

6、背景色：

使用background-color屬性可以設(shè)置搜索框的背景色。

input[type="search"] {
    background-color: #fff;
}