效果图:
css
.radio {
background-color: white;
border-color: gray;
color: gray;
border-style: solid;
border-width: thin;
text-align: center;
vertical-align: middle;
border-radius: 3px;
padding-top: 50px;
padding-bottom: 50px;
width: 300px;
margin: 30px;
font-size: large;
cursor: pointer;
}
.click-radio{
background-color: lightskyblue;
border-color: white;
color: white;
border-style: solid;
border-width: thin;
text-align: center;
vertical-align: middle;
border-radius: 3px;
width: 300px;
padding-top: 50px;
padding-bottom: 50px;
margin: 30px;
font-size: large;
}
input[type = "radio"] {
display: none;
}
HTML:
<form action="alipay/inde
x.php" id="form" method="post">
<div class="row form-group">
<label for="coin30000">
<input type="radio" name="coin" id="coin30000" value="30000" checked="checked">