css - 如何使用 css 将元素样式设置为

Question

在 React-MDL 中，我如何设置 TextField component 的样式？作为<h1>标题？

它的一个参数是“style”。用法示例:<TextField style={{width: '200px'}}/>我怎样才能使这个文本字段的大小(和字体等等)为 <h1>标题？

我的用例:我有一个带有标题的页面，我希望它们(有时)是可编辑的，所以我将它们更改为 <TextField>组件，但我仍然希望它们看起来与它们在 <h1> 时基本相同标题。

谢谢!

编辑:我更喜欢使用现有的 Material 类/最佳实践，而不是，例如，制作一个新的 css 类来描述 <h1> 的所有属性。 header 。如果 Material 设计发生变化怎么办？我将不得不更新我编写的任何此类自定义类

Answer 1

您可以使用浏览器工具(激活“生成的样式”)检查您网站的常规 h1 的 CSS 设置，并在 style 标签中使用它们。