Сори,За офтоп Фронтэндеры молчат, может тут подскажет кто Как в компоненте

Question

Сори,За офтоп Фронтэндеры молчат, может тут подскажет кто Как в компоненте

textField mui убрать дефолтные стили autofill? Уже час не могу решить

Ребят, подскажите, как в компоненте textField mui убрать дефолтные стили autofill? Уже час не могу решить

#backend #javascript #node.js #programming #russian

0

19.09.2023

14 ответов

31 просмотр

Alexey Ermakov

вряд ли тут сильно быстрее ответят

0

19.09.2023

Spyro Автор вопроса

саша2007
ещё потори

а тебе плохо от этого стало что ли?

0

19.09.2023

Vyacheslav ⚘

Стикер

0

19.09.2023

Kal

Чат гпт что говорит?

0

19.09.2023

S S

Специфичные стили в CSS: Используйте специфичные селекторы CSS для изменения стилей для состояния автозаполнения. css Copy code input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus { /* Ваши стили */ border: none; -webkit-text-fill-color: inherit !important; box-shadow: 0 0 0px 1000px white inset !important; } Использование makeStyles или styled в MUI: Если вы используете Material-UI, вы можете применить стили напрямую к компоненту TextField. javascript Copy code import { makeStyles } from '@material-ui/core/styles'; const useStyles = makeStyles({ root: { '& input:-webkit-autofill': { '-webkit-text-fill-color': 'inherit', transition: 'background-color 5000s ease-in-out 0s', // Другие стили }, }, }); function MyComponent() { const classes = useStyles(); return <TextField className={classes.root} />; }

0

19.09.2023

Spyro Автор вопроса

причем тут автокомплит, ты не туда полез. я про autoFill

0

19.09.2023

Spyro Автор вопроса

Kal
Чат гпт что говорит?

парашу полную)))

0

19.09.2023

Spyro Автор вопроса