我在表单上的“项目类型”输入框中使用“选择”特殊输入框。
您可以在此处查看http://harvesthq.github.com/chosen/
这是我的页面。您会注意到名称,电子邮件,电话等都是标准输入框......但是当您进入项目类型时它一切都很完美,但是当您单击其中一个选项时...它仍然可以正常工作。在删除您选择的其中一个选项(例如,在页面右侧,例如失去焦点)后单击关闭输入框时,请仔细查看,然后您将看到它下面的所有内容,包括页脚下方的输入框。 ..提交按钮等所有班次1px。如果这不是一个很好的解释并且你会看到它正在转移
,只需玩它一分钟我无法确定这是什么属性..我唯一改变的是填充:5px填充div内部输入的6px所以它将匹配其余的输入框..
答案 0 :(得分:1)
我只用镀铬测试过这个。
当您选择某个内容时,您的div id="sel1DT_chzn"
会增长1个像素。
将其高度设置为33px
<div id="sel1DT_chzn" class="chzn-container chzn-container-multi"
style="width: 348px; height: 33px;"> ....
答案 1 :(得分:1)
这是一个修复:
selected.css,第172行的选择器: 行高:12px的
答案 2 :(得分:0)
问题是“.chzn-container-active .chzn-choices .search-choice”又名项目项目(品牌推广,Web开发等......)的高度为31px(包括填充,边距和边框),而它的容器高度只有30像素。所以它可以不高于29px,否则它会像现在一样扩展它的容器。
我在浏览器中解决的问题是减去上边距的1px和下边距的1px。但这取决于你如何做到这一点。