入力中イオス解決の互換性の問題

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-left10pxの ; -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(、 "チェックする" ); });

 

おすすめ

転載: www.cnblogs.com/colorful-paopao1/p/11639639.html