jquery - 输入已定义时的CSS输入复选框

我在以表格形式正确对齐复选框时遇到困难。
我创建了一个jsfiddle HERE
CSS在前面定义了一个输入，但是我在CSS代码底部附近定义了一个特定的复选框输入。由于某种原因，它不起作用。

主要CSS：

/*inputs*/
#msform input, #msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

添加了复选框标签和输入（无法正常工作）

label {
    float: left;
    display: block;
    padding-left: 15px;
}
input[type=checkbox] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: middle;
    position: relative;
    top: 26px;
    right: 60px;
    *overflow: hidden;
}

最佳答案

您需要应用id #msform中的样式来完全覆盖之前的声明。

#msform input[type=checkbox] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: middle;
    position: relative;
    top: 26px;
    right: 60px;
    overflow: hidden;
}

立即尝试使用它。