材料:纸张或卡片标题

我不知道你到底想要它是什么样子,但是你可以通过使用 fieldset 和 legend 元素。

可能是这样的:

<fieldset>
  <legend>Current</legend>
  // Content within border.
</fieldset>

结果:

此方法由物料UI用于文本字段的“已概述”变量( demo here )处理这个方面的代码是 NotchedOutline 组件(组件) source here )

你也可以很容易地通过 position 属性将标题元素向上移动到边框上。这样你就可以使用 material-ui 组件提供大部分样式,然后将标题移到边框上。

签出此代码笔以获取示例: https://codepen.io/codingmatty/pen/bOXKpZ