Material-ui: [TextField] regression inputStyle color not working

Created on 9 Jun 2017  路  4Comments  路  Source: mui-org/material-ui

Material UI versions: 0.18.1 and 0.18.3. (I didn't test 0.18.2)

                <TextField
                    className="app-bar-searchbar"
                    hintStyle={{ color: grey300, fontSize: '12px' }}
                    inputStyle={{ color: white, fontSize: '12px' }}
                    underlineFocusStyle={{ borderColor: tealA400 }}
                    underlineStyle={{ borderColor: tealA400 }}
                    onChange={this.handleInputChange}
                    onKeyPress={this.handleKeyPress}
                    value={this.state.search}
                    errorText={this.state.searchErrorText}
                    hintText="Suche..."
                />

The text color is black instead of white.

TextField v0.x

Most helpful comment

Issue is still relevant as for now.

All 4 comments

Did you get a change to have a look at the source code? What changed?

I think the issue was caused by this commit https://github.com/callemall/material-ui/commit/1f477a3164a9586d30e16b94916f7ea29a0319c0
I'm seeing the same thing. We override color in styles but it's ignored and the WebkitTextFillColor takes precedence.

Closes by #7094.

Issue is still relevant as for now.

Was this page helpful?
0 / 5 - 0 ratings