使用easyui框架form控制元件,單選按鈕radio或複選框checkbox樣式問題
阿新 • • 發佈:2019-01-10
easyui只提供了textbox文字框,未提供單選按鈕radio或複選框checkbox控制元件,在使用過程中,會存在單選按鈕radio或複選框checkbox與文字框textbox樣式不統一的問題,要保證其樣式的統一性,可以通過如下程式碼實現:
form表單html程式碼:
<tr>
<td style="text-align:right;">是否管理員:</td>
<td style="text-align:left">
<span class="radioSpan" >
<input type="radio" name="adminFlag" value="0">否</input>
<input type="radio" name="adminFlag" value="1">是</input>
</span>
</td>
</tr>
通過css改變radioSpan的樣式:
/*新增/修改使用者時,是否管理員樣式保持與easyui一致*/
.radioSpan {
position : relative;
border: 1px solid #95B8E7;
background-color: #fff;
vertical-align: middle;
display: inline-block;
overflow: hidden;
white-space: nowrap;
margin: 0;
padding: 0;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5 px;
border-radius: 5px 5px 5px 5px;
display:block;
}