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

Question

我在正确对齐表单中的复选框时遇到困难。 我创建了一个 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;
}

Answer 1

您需要应用来自 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;
}

现在尝试使用它。