如何用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;}