material-design - Material UI 下一个主题

标签 material-design material-ui

如何在 Material UI Next 主题的帮助下显示单选按钮?我正在开发一个用 Material UI Next 主题制作的项目,它不是用 React 制作的。它是用简单的 HTML 模板制作的。

我提到了https://material-ui-next.com/demos/selection-controls/#radio-buttons关于单选按钮的官方文档,但该页面上给出的示例是使用 React 组件制作的。我还尝试检查单选按钮元素,但这没有帮助,因为 HTML/CSS 是由 Material UI Next 主题自动生成的。

这是我的代码(顺便说一句,如果这被称为任何代码:))

<input type="radio" />

在同一个项目中,我借助以下函数初始化选择选项(如果有帮助):

$('select').select();

我尝试过对单选按钮使用上述函数的变体,但似乎没有为 Material UI Next 主题中的单选按钮定义任何初始化函数。

$('input[type=radio]').radio();
$('input[type=radio]').radiobutton();
$('input[type=radio]').radioBtn();
$('input[type=radio]').radio_button();

以上都不起作用,并且官方文档没有任何单选按钮的功能。请帮忙。

最佳答案

Material UI(Next 或其他)专门设计用于 React。

其他库已经实现了 Material 设计指南,并且可以比 MUI 更好地为您服务(只需链接 css 文件)。

一个似乎有据可查的示例是Materialize ( See Radio docs here )

更多示例参见this article .

关于material-design - Material UI 下一个主题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49427471/

相关文章:

javascript - 如何在 Meteor/React 中打开和关闭 Material-UI 对话框?

javascript - 根据用户选择显示 Material ui TextField

javascript - 将两个数组写在一起是什么意思?

reactjs - react | redux 形式 | Material -ui |如何将 DatePicker 与我的表单结合起来

angularjs - md-tab 导致 $digest 已进行中错误

android - 如何在 Android 中使用转换启动 DialogFragment?

android - 如何在旧设备上使用 Theme.Material 启动应用程序

android - com.google.android.material.card.MaterialCardView 未在 android studio 3.5.3 中显示

material-ui - material-ui 有日期选择器吗?