フィールドセット内の要素の境界線のみを削除するにはどうすればよいですか？

Question

以下の例

私はフィールドセットとボタンを持つフォームを持っています。ボタンとフィールドセットの両方には境界線があります。私は国境のためだけに行って欲しいです。どうやって？

（私の例では、CSSが両方の境界を削除する - フィールドセットのために、ボタンのために、私はボタンをuntochedままにしたいとき）

#select_spec_form #submit_button { 
 
    border: 0; 
 
}

<form id="select_spec_form"> 
 
    <fieldset id="submit_button"> 
 
    <input name="submit[submit]" id="submit_button" value="View" type="submit"> 
 
    </fieldset> 
 
</form>

Answer 1

単純にのみフィールドセット#select_spec_form fieldsetを選択するセレクタを変更。また、2つの異なる要素で同じIDを使用しないでください。最初

/* Remove the ID from selector if you want to select all the fieldset in the same page and container */ 
 

 
#select_spec_form fieldset#another_ID { 
 
    border: 0; 
 
}

<form id="select_spec_form"> 
 
    <fieldset id="another_ID"> 
 
    <input name="submit[submit]" id="submit_button" value="View" type="submit"> 
 
    </fieldset> 
 
</form>

Answer 2

まず物事：あなたは複数の要素に同じIDを使用することはできません。 CSSのためにこれを行う必要がある場合は、class属性を代わりに使用してください。

CSSに関しては、両方とも親の#select_spec_formを共有していても、それぞれのオブジェクトを別々に参照する必要があります。

#select_spec_form fieldset{ 
 
border:1px solid red; 
 
} 
 

 
#select_spec_form input{ 
 
border:1px solid black; 
 
}

<form id="select_spec_form"> 
 
    <fieldset> 
 
    <input name="submit[submit]" id="submit_button" value="View" type="submit"> 
 
    </fieldset> 
 
</form>