[分享]css3搜索框调大

CSS3搜索框是一种非常流行的搜索框，具有美观、实用等优点。如果你想将搜索框变得更大、更突出，可以通过CSS3来实现。/ 设置搜索框的宽度 / input { width: 500px; } / 设置...

CSS3搜索框是一种非常流行的搜索框，具有美观、实用等优点。如果你想将搜索框变得更大、更突出，可以通过CSS3来实现。

/* 设置搜索框的宽度 */
input[type=search] {
   width: 500px;
}

/* 设置搜索框的高度 */
input[type=search] {
   height: 50px;
}

/* 设置字体大小 */
input[type=search] {
   font-size: 20px;
}

/* 设置搜索框的背景色 */
input[type=search] {
   background-color: #FFFFFF;
}

/* 设置搜索框的圆角 */
input[type=search] {
   border-radius: 25px;
} 

以上代码可以使搜索框的宽度、高度、字体大小、背景色和圆角都得到调整。你可以根据自己的需要进行相应的修改。通过CSS3调大搜索框，可以使其更加美观、突出，有利于用户搜索的体验。