我想直接在普通的html输入框上创建图例。例如，当您创建带有文本类型的普通输入时，html会自动为该输入创建一个带有边框的框。如果我在此输入字段中添加字段集和图例标签，则会在其周围创建另一个框。我希望我的图例看起来像来自站点image attached below的图片https://jiji.com.gh/registration.html。

我试图通过使用css删除输入字段周围的边框来做到这一点：

.signup-form input  {
border: 0px;

}

和HTML：

<form class=signup-form>
<fieldset>
<legend>Enter email</legend>
<input type="email" name="emailaddress">
</fieldset>
</form>

但这会创建一个比我想要的盒子大得多的盒子，尽管它实际上产生了我想做的事情。有什么更好的主意，例如我在我提到的网站上使用过的图例时，该如何使它具有清晰的表格？