1. 程式人生 > >使用easyui框架form控制元件,單選按鈕radio或複選框checkbox樣式問題

使用easyui框架form控制元件,單選按鈕radio或複選框checkbox樣式問題

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; }