我只需要将CheckBox的名称转移到某些像素而不是复选框

时间:2014-02-20 11:38:18

标签: javascript html css gwt

我创建了一个带有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;
}
  

通过使用上面的代码,整个复选框及其名称正在向上移动但是   我需要将复选框的名称移到上面以使复选框和复选框的名称平行。

请帮我完成这个

3 个答案:

答案 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