Регистрация

Уже есть аккаунт? Вход

Уже есть аккаунт? Sign In Now

Вход

Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.

Зарегистрироваться

Забыли пароль?

Вы не вошли, Зарегистрироваться

Forgot Password

Уже есть аккаунт? Sign In Now

Вы должны войти, чтобы задать вопрос.

Забыли пароль?

Необходима учетная запись, Зарегистрироваться
ВходНовый

Вопросы — CODERIDE.RU

Вопросы — CODERIDE.RU Logo Вопросы — CODERIDE.RU Logo

Вопросы — CODERIDE.RU Navigation

  • Главная
  • О нас
  • Контакты
Поиск
Задать вопрос

Mobile menu

Close
Задать вопрос
  • Главная
  • О нас
  • Контакты
  • Вопросы
    • Новые
    • Рейтинговые
    • Просматриваемые
  • Теги
Главная/ Вопросы/Q 346
  • 0

Каков наилучший способ применения глобальных стилей в material-ui v5?

  • 0

Я использую Material-UI v5 для своего проекта. Мне нужно оформить свои полосы прокрутки с помощью следующего css

  body::-webkit-scrollbar {
    width: 12px;
  }
  body::-webkit-scrollbar-track {
    background: blue;
  }
  body::-webkit-scrollbar-thumb {
    background-color: red;
    border: 3px solid black;
    border-radius: 10px;
  }

Я попытался использовать стили макияжа следующим образом:

const useStyles = makeStyles((theme: Theme) => ({
    root: {
        background: theme.palette.primary.main,
        'html': {
            scrollbarWidth: 'thin',
            scrollbarColor: theme.palette.accent.main
        },
        'body::-webkit-scrollbar': {
            width: '12px'
        },
        'body::-webkit-scrollbar-track' : {
            background: theme.palette.primary.main,
        }
    },
}));

Но когда я проверил фактический исходный css, он пришел как 'body::-webkit-scrollbar' : Object[object].

Я застрял на том, как добавить глобальный css, подобный этому, в material-ui, и как это лучше всего сделать.

Также, пожалуйста, дайте мне знать, если я здесь делаю что-то не так. Заранее спасибо.

csshtmlmaterial-uireactjs
  • Поделиться
unpredictable 27.06.2021 18:56
  • 0 0 Ответов
  • 10 Просмотров
Ответ

    Похожие вопросы

    • Почему изображение не отображается на компоненте React Typescript и стиля
    • Сохраняющаяся ошибка политики CORS в моем приложении react
    • Могу ли я заполнить сохраненные значения карт в элементе stripe?

    Ответить
    Отменить ответ

    Вы должны авторизоваться, чтобы добавить ответ.

    Забыли пароль?

    Необходима учетная запись, Зарегистрироваться

    Explore

    • Главная
    • Вопросы
      • Новые
      • Просматриваемые
      • Рейтинговые
    • Теги
    • .net
    • android
    • arrays
    • asp-net
    • c
    • c#
    • c++
    • css
    • html
    • ios
    • java
    • javascript
    • jquery
    • mysql
    • node-js
    • php
    • r
    • ruby-on-rails
    • sql

    2021 CODERIDE.RU

    Вставить/изменить ссылку

    Введите адрес назначения (URL)

    Или сделайте ссылку на существующий материал

      Поисковый запрос не задан. Показаны недавние элементы. Воспользуйтесь поиском или клавишами вверх/вниз, чтобы выбрать элемент.