如何使用 css 创建包含条件逻辑元素的边框

Question

在css方面，我是一个菜鸟，我目前正在WordPress中使用自定义css插件作为我的重力表单提交表单。该表单中包含附加到选择字段的条件逻辑元素。选择"是"时会显示"外部链接"。我希望在选择("您的项目是否使用链接"(和条件元素"外部链接"周围创建一个边框。我目前正在使用此代码

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

我得到的是这个结果，其中两个单独的边界分配给两个不同的元素

有没有人建议我如何更改代码以使两个元素都包装在一个边框中？

提前谢谢你。 O

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;}