我创建了一个带有name的复选框。我的复选框名称低于复选框。 所以我需要并行制作(直接)。
checkbox c=new checkbox("name");
c.setStyleName("checkbox_style");
下面是复选框css代码
.checkbox_styleinput {
font-family: "Segoe UI Semibold", "Segoe UI Semibold IE";
font-size: 12px;
margin-bottom: 5px;
}
通过使用上面的代码,整个复选框及其名称正在向上移动但是 我需要将复选框的名称移到上面以使复选框和复选框的名称平行。
请帮我完成这个
答案 0 :(得分:0)
已知行为。您也可以在展示中看到它。
通过在样式表中添加以下内容进行修复。它将应用于所有checkbox
输入类型。
input[type="checkbox"] {
vertical-align: middle;
}
您也可以对radio
输入应用相同的内容。
答案 1 :(得分:0)
这是我用来解决这个问题的方法,并使复选框在所有浏览器中看起来都是一致的:
.gwt-CheckBox {
display: block;
margin-top: 6px;
padding-left: 26px;
text-indent: -26px;
}
input[type="checkbox"] {
height: 13px;
margin: 0 6px;
*overflow: hidden;
width: 13px;
}
答案 2 :(得分:0)
我得到了解决方案.....我使用下面的代码尝试一下,而不是-2px你可以使用自己的长度
.checkbox_styleinput {
vertical-align:-2px; }
thanq