CSS是一种用于设计网页的语言,其中也包含了设计搜索框的方法。下面是一些关于CSS设计搜索框的小技巧。
/* 设置搜索框的背景颜色为白色 */ input[type="text"] { background-color: #fff; } /* 设置搜索框的边框为灰色 */ input[type="text"] { border: 1px solid #ccc; } /* 设置搜索按钮的样式 */ input[type="submit"] { background-color: #6FAED9; /* 背景颜色 */ color: #fff; /* 文字颜色 */ border: none; /* 去除边框 */ padding: 4px 10px; /* 改变按钮内部的间距 */ } /* 当搜索框被选中时,设置边框的颜色 */ input[type="text"]:focus { border: 1px solid #6FAED9; }
以上的代码可以在CSS中使用以设置搜索框的样式。下面是一些在HTML中设置搜索框的代码。