Как получить цвет переднего плана для объекта поворота

Question

У меня есть ряд кнопок поворота, которые я использую для своей формы spfx в веб-части. Я должен быть в состоянии дать серый фон, когда пользователи наводят курсор на элемент управления. так что на данный момент мой контроль выглядит так:

Таким образом, синяя полоса меняется при выборе, но я хочу, чтобы серый курсор был над, чтобы пользователи знали, где нажимать.

Спасибо заранее.

Я написал этот код для получения стиля, но не могу добавить стиль в компонент:

const styler  = {
root: [
{
selectors: {
':hover': {
 background: '#2C3539'
}
}
}
]
};

Answer 1

В этом коде вы можете увидеть, как можно передавать стили в правильные области стилей для управления Pivot.

link: [
    !rootIsTabs && {
      selectors: {
        ':hover': {
          backgroundColor: palette.neutralLighter,
          color: palette.neutralDark
        },
        ':active': {
          backgroundColor: palette.neutralLight
        }
      }
    }
  ],

Следует также отметить, что демонстрационные стили будут стилями по умолчанию в следующем основном выпуске (Fabric v7), так что вы можете иметь это в своем коде, пока у нас не будет официального релиза (в течение нескольких недель) и когда вы Если у вас есть возможность обновить его, вы можете удалить его и вставить обратно в компонент.

P.S .: анимация является еще одним бонусом, который идет с этим новым основным выпуском.