javascript - Material-UI 对话框样式操作按钮

标签 javascript reactjs material-ui

我正在尝试编辑操作按钮的样式。是否可以访问包含对话框、DatePicker 或 TimePicker 中的操作按钮的 div?

我正在尝试在这些按钮之间添加填充。无关的是,如果有一种方法可以访问/设置在创建这些按钮以更改背景颜色时生成的 div,那就太好了。目前,如果您更改正文的背景颜色,它不会覆盖按钮所在的 div。

附注我还尝试了 TimePicker 的 MUItheme api 中列出的所有内容以及文档中公开的所有 props。

styles = {
  textField: {
    fontFamily: 'Roboto, sans-serif !important',
    fontWeight: 100,
  }
}

<TimePicker
  floatingLabelText="Start Time"
  floatingLabelStyle={this.styles.textField}
/>

enter image description here

最佳答案

为按钮赋予自己的样式属性:

buttonStyle: {
    margin: 6,
    backgroundColor: "#2b2b2b"
}

关于javascript - Material-UI 对话框样式操作按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38800456/

相关文章:

javascript - 为什么这个正则表达式/DOM字符实体测试器返回 `undefined`?

reactjs - (下一个/ react )从子组件中的按钮单击刷新 SWR - 我可以使用回调吗?? (功能到功能)

javascript - 是否有适用于类组件的 React Material-UI makeStyles() 函数的非 Hook 替代方案

javascript - 隐藏父级的 jQuery 脚本不起作用 - Wordpress

javascript - 更新输入文本框的数据值 oninput 不起作用

javascript - 在自定义 React HOC 中获取 ownProps

javascript - 尝试使用reactJS将查询字符串参数发送到另一个页面

javascript - Material-UI:以编程方式触发悬停效果

reactjs - 防止 Material-UI InputLabel 移动到 Select 组件的左上角

javascript - 关于 Javascript 作用域链