css怎么做搜索按钮代码

CSS怎么做搜索按钮？下面是一份简单的代码：

.btn-search {
      background-color: #007bff;
     /*设置背景色*/  border-radius: 4px;
     /*设置圆角*/  color: #fff;
     /*设置字体颜色*/  border: none;
     /*去除边框*/  padding: 6px 12px;
     /*设置内边距*/  font-size: 14px;
     /*设置字体大小*/  cursor: pointer;
 /*设置光标形状为手型*/}
.btn-search:hover {
      background-color: #0069d9;
 /*设置鼠标悬停时的背景色*/}
.btn-search:active {
      background-color: #0053b3;
 /*设置鼠标按下时的背景色*/}
    

以上代码中，我们定义了一个名为.btn-search的类，然后设置了它的背景色、圆角、字体颜色、边框、内边距和字体大小。我们还设置了悬停和按下时的背景色和光标形状。最后，在HTML中，我们可以像这样使用这个搜索按钮：

搜索

以上就是使用CSS制作搜索按钮的简单示例。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！