css - CSS スタイルはフォーム内のラベルに渡さない

Question

私はフォームを持っています：

<form class="userForm">
...
</form>

このフォームの内側はfieldsetthendivで、div の内側は ですlabel。次に、このフォーム内のすべてのラベルに css を作成します。

私はこれを試します：

form.userform label {
    width: 150px;
}

しかし、成功しませんでした

助けてください

Answer 1

これ以上コードを見なくても、このセレクターは有効です。display:blockこれはブロックレベルの要素ではないため、ラベルに追加する必要があると思います。

 form.userform label {
      width: 150px;
      display: block;
 }

これで幅が表示されます。

Answer 2

大文字小文字を確認してください。フォームのクラス名を変更するuserform か、次の CSS を使用します。

これはうまくいくはずです：

form.userForm label {
  width: 150px;
}

また、これも機能するはずです（Girishが以前に提案したように）：

.userForm label {
  width: 150px;
}

Answer 3

以下のCSSコードを試してください：

.userForm label {
    width: 150px;        
 }

Answer 4

それを試してみてください 。

.userform fieldset div label {
    width: 150px;
}