如何创建搜索按钮 |
您所在的位置:网站首页 › 搜索标签怎么写好看 › 如何创建搜索按钮 |
* { box-sizing: border-box;} /* 为搜索字段设置样式 */ form.example input[type=text] { padding: 10px; font-size: 17px; border: 1px solid grey; float: left; width: 80%; background: #f1f1f1;} /* 设置提交按钮的样式 */ form.example button { float: left; width: 20%; padding: 10px; background: #2196F3; color: white; font-size: 17px; border: 1px solid grey; border-left: none; /* 防止双边框 */ cursor: pointer;} form.example button:hover { background: #0b7dda;} /* 清除浮动 */ form.example::after { content: ""; clear: both; display: table;} |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |