我正在尝试使用
<fieldset>
对某些控件进行分组。不管我做什么,我都不能把边界线展示出来。我的理解是,它应该默认显示。在
<style>
中,我尝试设置什么都不做的
border-width:1px
,
border:solid
在所有东西(包括
<legend>
)之外画一个边框。我在Firefox和Chrome中都进行了测试,没有区别。我遗漏了什么?下面是我的代码示例。我在玩不同的布局,所以忽略不一致的地方。
<div class=" col-4 col-sm-4 col-med-4 col-lg-4 col-xl-4 e-primary" style="justify-content:space-around">
<fieldset>
<legend>Project Basics</legend>
<label for="txtName">Name</label>
<input type="text" id="txtName" />
<label for="txtDescription">Description</label>
<textarea rows=3 cols=20 id="txtDescription"></textarea>
</fieldset>
<div class=" col-4 col-sm-4 col-med-4 col-lg-4 col-xl-4 e-primary" style="justify-content:space-around">
<fieldset>
<legend>Cost Estimations</legend>
<label for="txtEstTotalHrs">Estimated Total Hours</label>
<input type="text" id="txtEstTotalHrs" />
<label for="txtEstLaborCost">Estimated Labor Costs</label>
<input type="text" id="txtEstLaborCosts" />
</fieldset>