css 按钮样式
<style>
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
width: 100%;
border-radius:25px;
}
.sousuo {
background-color: #5e84d3; /* Green */
border: none;
color: white;
padding: 15px 22px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 6px;
margin: 4px 2px;
cursor: pointer;
width: 100%;
border-radius:15px;
}
input{
border:1px solid #d2d2d2;
background-color:transparent;
width: 100%;
height: 50px;
border-radius:15px;
}
.button {
background-color: #4CAF50; /* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
width: 100%;
border-radius:25px;
}
.sousuo {
background-color: #5e84d3; /* Green */
border: none;
color: white;
padding: 15px 22px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 6px;
margin: 4px 2px;
cursor: pointer;
width: 100%;
border-radius:15px;
}
input{
border:1px solid #d2d2d2;
background-color:transparent;
width: 100%;
height: 50px;
border-radius:15px;
}
</style>
html代码如下
<button class="sousuo" id="search" type="submit" onclick="queding();return false;">搜索</button>