0

Firebugでオフにしたフィールドがありますがoverflow:hidden;、「パスワードの入力」入力でのみ機能し、「パスワードの確認」入力では機能しません。なぜそれがまだ箱から切り離されているのか、誰でも追跡できますか?

リンクはこちら

4

8 に答える 8

1

エラーはforms.css、206の2行にあります。

.gform_wrapper .field_name_first input, .gform_wrapper .ginput_complex .ginput_left input {
width: 93% !important;
}

および238：

.gform_wrapper .ginput_complex .ginput_right input, .gform_wrapper .ginput_complex .ginput_right select {
width: 90% !important;
}

幅を上記の幅に設定すると、問題が解決するはずです。

于 2013-01-03T11:34:22.193 に答える
1

両方の入力の水平方向のパディングまたは幅を小さくしてみてください。要素のディメンションプロパティにパーセント/絶対値を混在させることはかなり悪い考えです

于 2013-01-03T11:35:22.560 に答える
1

IDを持つdiv input_1_10_container（両方のパスワードフィールドを囲む）はそれを切り取っていますoverflow:hidden

于 2013-01-03T11:32:54.413 に答える
1

のように、それに応じて幅を調整します

.gform_wrapper .ginput_complex {
width: 614px;
}
于 2013-01-03T11:40:21.127 に答える
0 
.gform_wrapper .ginput_complex {overflow:hidden}

CSSの202行目にオーバーフローが隠されています..それをオフにすると、ここで問題が解決しました。個人的には、両方のフィールドの幅を狭くすることをお勧めします。見た目が少し良くなり、問題も解決すると思います..

于 2013-01-03T11:34:20.607 に答える
0

からoverflow: hiddenを削除し、.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_fullmargin-right: 10pxを追加します.gform_wrapper .ginput_complex .ginput_left

于 2013-01-03T11:38:22.897 に答える
0

このコードは機能しました

.gform_body input,textarea,select {box-sizing:border-box !important;}

#input_1_10_1_container {width:48.5% !important;}
#input_1_10_2_container {width:48.5%;float:left}
于 2013-01-03T13:05:18.517 に答える
0

2つのスパンさえ必要ありません...

あなたはこのようなことをすることができます（これはインラインです、これをcssとしてコーディングするだけです）

<div class="ginput_complex ginput_container" id="input_1_10_container">
   <input style="width: 45% !important; display:inline-block; margin-right:12px;"
          type="password"  placeholder="Enter Password" 
          name="input_10" id="input_1_10" value="" tabindex="5">      
   <label style="display: none;" for="input_1_10">Enter Password</label>

   <input style="width: 45% !important; display: inline-block;" 
          type="password"  placeholder="Confirm Password" name="input_10_2" 
          id="input_1_10_2" value="" tabindex="6">
   <label style="display: none;" for="input_1_10_2">Confirm Password</label>
</div>

テキストの拡大でも機能します。

これを Firebug で div に置き換えてみてください...

于 2013-01-03T12:04:53.933 に答える