0

チェックボックスをフォームに正しく配置するのが困難です。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;
}
4

2 に答える 2

1

#msform前の宣言を完全に上書きするには、id のスタイルを適用する必要があります。

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

今すぐ遊んでみてください。

于 2013-07-25T13:58:26.743 に答える