如何使字段集的左侧和右侧消失（css / html）

Question

我是 html 和 css 的初学者。

如何删除字段集边框的两侧？

我试过：边框：1px 0 1px 0 在 css 中。 但它没有用。

Answer 1

我建议：

 fieldset { /* this sets the color of the borders on the block axis, top and bottom in a left-to-right, top-to-bottom language such as English to a color of #f90: */ border-block-color: #f90; /* this sets the border of the elements' inline-axis left and right in a left-to-right language such as English to: border-width: 0; border-style: none; border-color: transparent; */ border-inline: 0px none transparent; /* irrelevant, just for aesthetics */ margin-block: 1em; margin-inline: auto; width: clamp(20em, 60vw, 1000px); }

 <fieldset> <label>Input One: <input type="text"> </label> <label>Input Two: <input type="text"> </label> </fieldset> <fieldset> <label>Input Three: <input type="text"> </label> <label>Input Four: <input type="text"> </label> </fieldset>

JS 小提琴演示。

参考：

• border-block 。
• border-inline 。