性别选择html代码修改,样式修改

hotfix/paypal-note
candice 2 years ago
parent a4adac3412
commit a670156864

@ -354,6 +354,13 @@ label.gender:hover {
background: #ad1818;
color: #fff;
}
select.gender_pick {border: 1px solid #d1d1d1;
border-radius: 4px;
height: 50px;
font-size: 19px;
box-shadow: inset 0 1px 3px rgb(0 0 0 / 10%);
padding: 0 15px;
width: auto;}
</style>
</head>
@ -393,21 +400,12 @@ label.gender:hover {
<div class="traveler_info">
<h3 data-header>Traveler 1</h3>
<div style="
margin-bottom: -30px;
display: inline-block;
width: 100%;">
<input type="radio" name="gender[]" id="genderMs" value="100003" style="display:none;" class="tmpick">
<label class="gender" for="genderMs" style="width: 120px;">
Ms.</label>
<input type="radio" name="gender[]" id="genderMr" value="100001" style="display:none;" class="tmpick">
<label class="gender" for="genderMr" style="width: 120px;">
Mr.</label>
</div>
<div class="selectionBlock">
<select name="gender[]" class="gender_pick">
<option value="Mr.">Mr.</option>
<option value="Ms.">Ms.</option>
</select>
<div class="inputTerm">
<input type="text" name="sur_name[]" required="">
<label>

Loading…
Cancel
Save