Setzen Sie Textfield Height Material-UICSS

CSS verstehen
Anonymous
 Setzen Sie Textfield Height Material-UI

Post by Anonymous »

Index.js < /strong> < /p>

Code: Select all

import React from 'react'
import TextField from '@material-ui/core/TextField'
import style from './style'
import withStyles from 'hoc/withStyles'
import { connect } from 'react-redux'

class SearchField extends React.Component {
constructor (props) {
super(props)
this.onChange = this.onChange.bind(this)
}

onChange (event) {
const { dispatcher } = this.props
this.props.dispatch(dispatcher(event.target.value))
event.preventDefault()
}

render () {
const { classes, placeholder } = this.props
return (

)
}
}

export default withStyles(style)(connect()(SearchField))
< /code>

style.js[/b]

export default function () {
return {
container: {
display: 'flex',
flexWrap: 'wrap'
},
textField: {
width: 'auto'
},
resize: {
fontSize: 11
}
}
}
https://material-ui.com/api/text-field/

Wie kann ich Textfield Höhe ändern? Ich kann es in der Dokumentation nicht finden. Wenn ich versuche, es direkt in CSS zu ändern, funktioniert es falsch (es sieht so aus - ausgewählte Höhe auf dem Bildschirm 26px). < /P>

Was soll ich tun? < /P>

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post