NPM：

Question

有没有办法放入样式表，以将表单元素更新为实质主题？

我使用的是纯HTML页面，希望主题填充页面上具有的表单元素的宽度和高度。

我可以为元素分配类名称以设置其样式，或者样式表是否适用于同样适用的现有元素。

Answer 1

在项目页眉和页脚中包含资产文件后，可以分配“材料设计”类。

CDN：

<link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet">
<script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>

NPM：

npm install @material/form-field

按钮示例： 要设置按钮的样式（例如，提交），请添加以下类，其中foo-button是要覆盖的自定义CSS：

<button class="mdc-button foo-button">Button</button>

表单示例：要为表单设置样式，您可以按照Form Fields说明进行操作。

<div class="mdc-form-field">
  <div class="mdc-checkbox">
    <input type="checkbox" id="my-checkbox" class="mdc-checkbox__native-control"/>
    <div class="mdc-checkbox__background">
      ...
    </div>
  </div>
  <label for="my-checkbox">This is my checkbox</label>
</div>

用于处理错误和验证的JS部分有些棘手，但是如果您使用控制台来管理处理程序等，则应该可以进行管理。

有没有一种方法可以放置样式表来获取页面上所有表单元素的Material主题或类似主题？

1 个答案:

CDN：

NPM：