如何用css創建一個包含條件邏輯元素的邊框

Question

我是一名菜鳥，當我在css中使用自定義CSS插件時，我的重力表單提交表單。包含在該表單中的是附加到選擇字段的條件邏輯元素。當您選擇YES時顯示「外部鏈接」。我希望圍繞選擇（「您的項目是否使用鏈接」）和條件元素「外部鏈接」創建邊框。我使用此代碼目前

#field_4_19, #field_4_21 { border: 1px solid #D8AB4C;} 

and what I get is this result where two seperate borders are allocated to the two different elements

有沒有人建議我如何可以改變代碼，以便這兩個元素被包裹在一個邊界？

預先感謝您。 Ø

Answer 1

沒有你提供的HTML結構也很難給你一個很好的答案，但要完成你這裏談論什麼，簡單的辦法是在div來包裝這兩個元素應用圍繞你的邊界。那麼你就結構是這樣的，如果只有1個元素：

<div class="MyWrapper"> 
    <input id="field_4_19"> 
</div> 

像這樣如果有兩個

<div class="MyWrapper"> 
    <input id="field_4_19"> 
    <input id="field_4_21"> 
</div> 

然後你的CSS只是看起來像

.MyWrapper { border: 1px solid #D8AB4C;}