Как я могу добавить пользовательский CSS к элементу select-options в пользовательском интерфейсе материала на фокусе - PullRequest
Новая
       23

Как я могу добавить пользовательский CSS к элементу select-options в пользовательском интерфейсе материала на фокусе

0 голосов
/ 01 ноября 2019

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

Вот что у меня есть: 

import React from 'react';
import PropTypes from 'prop-types';
import { styled } from '@material-ui/styles';
import Grid from '@material-ui/core/Grid';
import Typography from '@material-ui/core/Typography';

const SupplierAddressOptionGrid = styled(Grid)(({ theme }) => ({
  padding: theme.spacing(2),
  flexGrow: 1,
  cursor: 'pointer',
  '&:hover': {
    background: '#00ffff',
    color: '#9900ff',
  },
  'focus': {
    background: '#00ff00',
  }
}));
...