如何用css创建一个包含条件逻辑元素的边框
问题描述:
我是一名菜鸟,当我在css中使用自定义CSS插件时,我的重力表单提交表单。包含在该表单中的是附加到选择字段的条件逻辑元素。当您选择YES时显示“外部链接”。我希望围绕选择(“您的项目是否使用链接”)和条件元素“外部链接”创建边框。我使用此代码目前如何用css创建一个包含条件逻辑元素的边框
#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
有没有人建议我如何可以改变代码,以便这两个元素被包裹在一个边界?
预先感谢您。 Ø
答
没有你提供的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;}
+0
感谢您的回应 - 因为我想要对单个页面进行这些更改,HTML将被粘贴到常规的文本编辑器中wordpress中的页面,对吗?我正在使用WP添加自定义CSS,其中有一个相应的个人自定义CSS编辑器正下方( - 我输入所有的CSS代码)。 – Oliver1984
我建议你分享HTML也可能有助于让你更好的答案 – xmike