0

我有一个表单，其中有两个字段被截断，其中有一个overflow:hidden;我已在 Firebug 上关闭，但仅适用于“输入密码”输入，而不适用于“确认密码”输入。谁能追查为什么它仍然切断盒子？

这是链接

4

8 回答 8

1

带有 id 的 div input_1_10_container（围绕两个密码字段）正在切割它overflow:hidden

于 2013-01-03T11:32:54.413 回答
1

错误在forms.css的两行，206：

.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

相应地调整宽度，例如

.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 from the.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full并添加margin-right: 10px on.gform_wrapper .ginput_complex .ginput_left

于 2013-01-03T11:38:22.897 回答
0

你甚至不需要两个跨度......

你可以做这样的事情（这里是内联的，只需将其编码为 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 回答
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 回答