CSS切断输入框的末端

我有一个表格，有两个字段被切断，有一个overflow:hidden;在那里，我关闭了Firebug，但只适用于“输入密码”输入和而不是“确认密码”输入。任何人都可以追查为什么它仍然切断箱子？CSS切断输入框的末端

这里的link

2013-01-03 Rob

错误是在两行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-03 11:34:22 boz

id为input_1_10_container（周边两个密码字段）的股利与overflow:hidden

来源

2013-01-03 11:32:54 lukasgeiter

.gform_wrapper .ginput_complex {overflow:hidden}

在你的CSS的线202

削减了隐藏溢出..打开该关闭这里解决了这个问题。我个人建议你减少两个字段的宽度，猜猜它会看起来更好一点，并解决这个问题..只是一个想法..

来源

2013-01-03 11:34:20 TDsouza

尝试减少两个输入的水平填充或宽度。这是相当坏主意对元件尺寸属性混合百分比/绝对值

来源

2013-01-03 11:35:22

除去溢出：从.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right, .gform_wrapper .ginput_complex .ginput_full隐藏和添加余量右：10px的上.gform_wrapper .ginput_complex .ginput_left

来源

2013-01-03 11:38:22 Toping

相应地调整宽度，像

.gform_wrapper .ginput_complex { 
width: 614px; 
}

来源

2013-01-03 11:40:21 Rab

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

你可以做这样的事情（这里是内联，只是这个代码为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>

也适用于文本的扩展。

尝试用萤火虫代给你的DIV ...

来源

2013-01-03 12:04:53

此代码工作

.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-03 13:05:18

CSS切断输入框的末端

回答

相关问题