Javascript ReactJS:如何更改物料Ui自动完成的占位符字体大小?
我想更改材质Ui自动完成的占位符fontsize。有办法吗Javascript ReactJS:如何更改物料Ui自动完成的占位符字体大小?,javascript,reactjs,material-ui,material-table,Javascript,Reactjs,Material Ui,Material Table,我想更改材质Ui自动完成的占位符fontsize。有办法吗 您只需将::占位符css添加到输入字段的class/id中,并更改字体大小 例如: #tags-outlined::placeholder { font-size: 14px; } 您只需将::占位符css添加到输入字段的class/id中,并更改字体大小 例如: #tags-outlined::placeholder { font-size: 14px; } 在您的示例中,可以将在renderInput中渲染的组件的输
您只需将::占位符css添加到输入字段的class/id中,并更改字体大小 例如:
#tags-outlined::placeholder {
font-size: 14px;
}
您只需将::占位符css添加到输入字段的class/id中,并更改字体大小 例如:
#tags-outlined::placeholder {
font-size: 14px;
}
在您的示例中,可以将在renderInput中渲染的组件的输入元素作为目标,该组件是使用makeStyles的TextField 下面的示例使用分叉MUI演示
在您的示例中,可以将在renderInput中渲染的组件的输入元素作为目标,该组件是使用makeStyles的TextField 下面的示例使用分叉MUI演示
我做了,只需添加我发送给您的css的代码行,并让我知道我做了,只需添加我发送给您的css的代码行,并让我知道它也可以工作:输入:{&::占位符:{color:red,},},},也可以工作:输入:{&::占位符:{color:red,},},
const useStyles = makeStyles({
customTextField: {
"& input::placeholder": {
fontSize: "20px"
}
}
})
<TextField
classes={{ root: classes.customTextField }}
{...params}
variant="outlined"
placeholder="Enter Transshipment Ports"
/>