1、iOSの問題に影入力入力ボックスを解きます
入力{ -webkit- 外観:なし。 }
2は、チェックボックスは、IOSの影の問題をライドウ
ラジオ:複数の選択肢:
单选:< DIV クラス= "m_radio" > < divのクラス= "login_agree" > < 入力タイプ= "ラジオ" 名前= "optionsRadiosinline" ID = "optionsRadios1" 値= "オプション1"は確認> < ラベルのために= "optionsRadios1" クラス= "input_agree" >加密锁</ ラベル> </ divの> < divのクラス= "login_agree" > < 入力タイプ=「ラジオ」名前= "optionsRadiosinline" ID = "optionsRadios2" 値= "オプション2" > < ラベルのため= "optionsRadios2" クラス= "input_agree" >软加密(支持离线激活)</ ラベル> </ DIV > </ DIV >
多选:< DIV クラス= "pro_checkbox" > < 入力タイプ= "チェックボックス" ID = "pro_one" 名前= "pro_one" > < ラベル用= "pro_one" </> ラベル> </ DIV >
CSS:
.PRO-リストのラベル::前 { 内容:"" ; 表示:インラインブロック。 幅:20ピクセル ; 高さ:20ピクセル ; / * 背景:#EEE。* / 国境:1pxの固体#999 ; 垂直整列:中央 ; -webkitボーダー半径:50% 。 マージン右:5pxの ; -webkit-ボックスのサイズ変更:国境ボックス ; -webkit-遷移:背景容易イン.5s } .PROリスト入力[タイプ= "チェックボックス"]:チェック+ラベル::前 { 背景色:#4e39c2。 国境:固体の2ピクセルの#のb3b3b3 ; } / * 自定义单选框無線样式* / .PROリスト.login_agree { 位置:相対。 margin-left:10pxの ; -webkit-ボックスサイズ:ボーダーボックス ; 垂直整列:中央 ; } .PROリスト.login_agree入力[タイプ=「ラジオ」] { 表示:なし。 } .PROリスト前入力[タイプ=「ラジオ」] +ラベル:: { 幅:15ピクセル。 高さ:15ピクセル ; } .PROリスト.login_agree入力[タイプ= "ラジオ"]:+ラベルを確認::前 { 背景色:#f4d345を、 国境:1pxのの#CCC固体 ; 幅:15ピクセル ; 高さ:15ピクセル ; } / * 自定义复选框チェックボックス* / .PROリスト.pro_checkbox { 位置:相対。 } .PROリスト.pro_checkbox入力[タイプ=「チェックボックス」] { 表示:なし。 } .PROリスト.input_agree、ラベル { フォント重量:500。フォントサイズ:.6rem ;}
部分JS:
$( 'pro_checkbox。 ')('入力[タイプ=チェックボックス] ')バインド('クリック'、見つける。。機能(){ $(」.pro_checkbox ')('入力[タイプ=チェックボックス]を見つけます。 「).NOT(この).ATTR(、 "チェックする" 偽); });