-
3 votesanswersviews
是否可以在material-ui-next中更改TextField的字体颜色?
我目前正在使用material-ui-next 我在尝试更改多行TextField的字体颜色时遇到问题 . <TextField className = "textfield" fullWidth multiline label = "Debugger" row... -
4 votesanswersviews
Material-UI TextField上下文脏
我是'm trying to better understand how to check for dirtyness using material-ui'的FormControl或TextField组件 . TextField demo page的文档说明: TextField由较小的组件(FormControl,InputLabel,Input和FormHelperText)组成,您可以直... -
1 votesanswersviews
在普通css上为材质-ui TextField组件的underlineFocusStyle设置样式
在Material-UI的组件中,您可以为组件本身提供样式对象作为JSX标记的属性,但是您必须为underlineFocusStyle提供单独的样式对象 . 我的意思是例如TextField组件的underlineFocusStyle . 你会喜欢它的样式: <TextField hintText="Hint Text" style={{width: '80%'}} ... -
1 votesanswersviews
Material UI React无法识别DOM元素上的`underlineStyle` prop
我已经按照示例代码来设置材质UI TextField元素的下划线颜色 . http://www.material-ui.com/#/components/text-field 但是,当我尝试添加自己的样式时,react无法识别此属性 . <TextField type="number" id="Commission" label="Commi... -
0 votesanswersviews
jss覆盖材料-ui非确定性类
我正在尝试为材质textField创建自定义样式,并且需要一个达到非确定性类名的JSS选择器 . 风格看起来像这样: const styles = { '@media (min-width: 768px)': { borderLabel: { top: 2, '&.MuiInputLabel-shrink':{ top: -2, ... -
0 votesanswersviews
如何设置Material-UI v1 TextField的样式,类似于v0 TextField
在material-UI v0中,TextField可以使用给定的属性正确设置样式 .像这样; <TextField floatingLabelText="New Password" fullWidth={true} underlineStyle={styles.dialogInputUnderlineStyle} underlin... -
27 votesanswersviews
反应,点击事件和材料 - ui
我试着 material-ui 和 react ,我遇到了一个没有开火的事件 . 我已经安装了 react-tap-event-plugin ,并在引导应用程序时调用 injectTapEventPlugin() . 永远不会在以下代码段中调用 toggleMenu : /** @jsx React.DOM */ var React = require('react'); var mui = ... -
12 votesanswersviews
反应 - 在更改事件中检测'enter'键按下
我有一个React组件,它或多或少是一个用户可以键入的简单文本区域 . 以下是目前代码的样子: import React from 'react'; import {connect} from 'react-redux'; function handleChange(event) { const {setText} = this.props; //is there some w... -
3 votesanswersviews
Material-ui TextField搞乱了react-redux
我有一个带有 TextField 的react组件: <TextField hintText="name" floatingLabelText="Your name:"/> 组件通过使用react-redux的 connect 函数生成的容器连接到商店 . 目前没有传递给容器的参数 . 并且不会在组件中的任何位置调度任何操作 .... -
2 votesanswersviews
使用React Material-UI自动对焦TextField
我用Material-UI TextField 我想实现一个自动对焦,我无法通过设置 autofocus=true 找不到通过标记来实现它的方法 . 任何帮助? -
0 votesanswersviews
React - 如何从Materialize的开关中获取值?
我在React组件中使用了开关组件(由Materialize设计),我想知道,当用户更换开关(on / of)时,我怎么能得到这个值 . <div className="switch right"> <label> Any <input type="checkbox" onChange={() =>... -
4 votesanswersviews
在redux-form中显示错误消息onChange
我正在尝试使用redux-form Field(与Material-ui一起)和验证 . 当我离开字段(即onBlur)时,似乎显示错误消息 . 我想要实现的是在用户输入时动态进行验证,并在onChange事件上显示错误消息 . 我将如何实现这一行为? import { TextField } from 'redux-form-material-ui'; import { Field, redux... -
2 votesanswersviews
KeyPress检测'Enter'阻止输入文本字段上的任何数据条目
React的初学者,我遇到了一个问题 . 我有一个 Profiles 页面,用户可以在其中更改每个字段(名字,电子邮件等),按下“Enter”后,它会保存该特定字段(redux / axios / promise) . 我遇到的问题是,当我使用onKeyPress / Down / Up作为事件触发器时,它会阻止任何数据输入 . 意思是,我无法在字段中输入任何内容,就好像它是只读的或被阻止的一样 ... -
2 votesanswersviews
材料ui自动完成问题,在React中具有默认值
我正在使用带有材料ui自动完成字段的redux-form . 我需要做的是: 当页面加载自动完成值为空时 . 当用户开始键入并达到3个字符时,我想调用API,并且我希望将该API的结果显示为自动完成数据源 . 我尝试过的: 我试图不设置dataSource并在seconde尝试我设置dataSource = {}在我得到相同的错误消息的情况下: 失败的道具类型:道具数据源在自动完成中被标记为必需... -
11 votesanswersviews
是否可以为凸起按钮添加自定义悬停颜色?
处理使用Material-UI组件库的项目,我收到了一个自定义按钮悬停颜色的请求,该颜色超出了MUI主题的常规约定 . 我在凸起按钮源https://github.com/callemall/material-ui/blob/master/src/RaisedButton/RaisedButton.js#L98中找到了相关的代码块 . 设置自定义labelColor会改变悬停状态,但仍然不能满足我... -
2 votesanswersviews
更改TextField Material-UI v1的onHover颜色
我无法通过覆盖类名来更改TextField的onHover颜色 . 我怎样才能做到这一点? 我正在使用素材UI v1:https://github.com/callemall/material-ui/tree/v1-beta -
1 votesanswersviews
Material-Ui如何在聚焦时更改textfields / inputs / labels的默认颜色?
在Material UI的新(v1 beta)版本中,默认的灯光主题从浅蓝色/粉红色变为紫色/绿色 . 当Text-Fields在这个新版本中获得焦点时,它们的labal / input-line将使用默认的紫色进行着色 . 我创建了自定义主题并覆盖了原色,使按钮现在变为蓝色,但标签/输入行仍为紫色 . 我如何改变他们的默认颜色呢? -
3 votesanswersviews
如何通过设置类来更改<Select />的下划线颜色
const styles = { inkbar: { '&:after': { backgroundColor: 'red', height: '2px' } }, underline:{ '&:before':{ height:'2px', backgroundColor:'green' } } }; <Select ful... -
1 votesanswersviews
如何消除Material UI Chip组件中的悬停,活动,聚焦灰色
我有几种颜色(绿色,黄色,蓝色等)实现芯片,默认情况下MUI Chip带有灰色悬停/主动/焦点CSS样式 . 我需要在MUI芯片组件中消除这种悬停/活动/聚焦灰色背景颜色 . 所以我再次不想用另一种颜色替换灰色,而是完全消除以下CSS样式: clickable: { // Remove grey highlight WebkitTapHighlightColor: theme.palett... -
0 votesanswersviews
默认颜色与AppBar内部组件的调色板不匹配
我开始使用 material-ui-next (branch next aka v1) 作为ReactJS网络应用程序 . 我发现在设置放置在AppBar中的Typography组件的默认颜色和预期颜色应该是一些困难 . 我已经定义了这个material palette,你可以通过选择indigo作为原色来看到,自动将文本原色设置为白色(#ffffff) . 这也是从官方material docu... -
3 votesanswersviews
材料ui下一个对话框textfield下划线颜色
如何使用辅助调色板颜色更改对话框内文本字段的下划线颜色?我不能这样做,因为文档很混乱 -
1 votesanswersviews
以本地JSS样式引用全局组件类?
我正在使用material-ui做反应,而我想要做的就是在它出现在本地类中时标准材质ui组件 . 从概念上讲,类似于: const styles = { localClass: { '& MuiGrid-item': { backgroundColor: 'red' } } } 我在JSS中看到如何使用 $ 表示法引用本地类,以及如何使用 create... -
8 votesanswersviews
从输入组件材质UI(v1.0 Beta)中删除下划线
使用React Material UI库中的 Input 组件(v1.0 beta),我试图删除使用伪元素渲染的下划线 . const styleSheet = createStyleSheet('searchInput', () => ({ underline: { '&:before': { height:0 } ... -
0 votesanswersviews
如何在react-jss中访问嵌套对象样式
我想在React JSS中访问这个嵌套对象我正在使用React-JSS中的injectSheet export const textStyle = { size: { '&:larger': { fontSize: '1.28em' }, '&:large': { fontSize: '1.250em' } } 我在 ... -
4 votesanswersviews
jss如何改变颜色的不透明度
目前我使用以下代码使用jss为元素添加颜色 . const styleSheet = theme => ({ root: { backgroundColor: theme.colors.red, }, }) 我想知道是否存在一个基于颜色 theme.colors.red 添加不透明度的函数 . smt例如: backgroundColor: color(theme.col... -
0 votesanswersviews
为什么嵌套克隆子代上的“失败的支持类型”,即使父级具有正确的初始值?
这个问题有两个部分: 为什么在我的反应方案中,道具类型检查失败? 为什么材料-ui HoC会干扰类型检查? 在制作UI组件时,我通过在单向流中传递道具React.cloneElement,让孩子们不知道彼此 . 在我的方法中,根组件更新其屏幕大小状态,并且它的子节点必须接受并将其传递给下一个子节点,并且他们可以根据为其留下的内容区域维度来调整值 . 这个想法是叶子本身可以根据剩下的空间... -
0 votesanswersviews
使用JSS创建可主题的反应组件
我在跟踪如何使其工作的文档时遇到了一些麻烦 我有一个创建了一些样式的组件,在大多数情况下,所有这些样式都将应用于呈现此组件的任何位置但有时取决于应用程序路由到哪个页面我将要更改组件的总体高度那些页面 . 我想我可以通过传递一些新的高度道具来实现这一点,以遵循更主题的中心方法 . 如何使用我当前的设置? 样式文件 const styles = theme => ({ root: { ... -
0 votesanswersviews
用JSS覆盖material-ui中的样式
我有像这样的html结构 . 和2个组件 HeaderNavItem.jsx const HeaderNavItem = ({ classes, className, children }) => ( <div className={cn(classes.root, className)}>{children}</div> ); export default ... -
1 votesanswersviews
改变JSS中的风格
我有以下使用JSS的组件: import React from 'react' import injectSheet from 'react-jss' const styles = { button: { backgroundColor: 'pink', } } class App extends Component { changeStyle = () => {... -
0 votesanswersviews
Nodejs加密解密和浏览器加密
我需要从nodejs将公钥传递给浏览器,浏览器应该加密用户数据并将其发送到nodejs服务器,然后nodejs应该能够解密它 . 我试图在服务器端使用nodejs加密,在浏览器中使用https://github.com/wwwtyro/cryptico cryptico . 我看着angularjs-crypo,ursa等,这让我更加困惑 . PS:我是加密和加密的新手,任何帮助将不胜感激