Change Selected Item Background Color of Semantic UI Form.Select element

I have semantic UI React imported as follows

import { Form } from 'semantic-ui-react'

Now, I am using their Select Component as follows:

<Form>
  <Form.Group widths="equal">
    <Form.Select //I wish to change the background color of only the selected item
      placeholder={"Choose Item"}
      value={selectedItem}
      className={classes.select}
      onChange={handleItemSelectionChange}
      options={
        items.map((e) => {
          return (
            {
              key: e['name'],
              value: e['name'],
              text: e['name']
            }
          )
        })
      }
    >
    </Form.Select>
  </Form.Group>
</Form>

How can I change the background color and icon color of only the selected item in the Form.Select component.

Thank you.

Via Active questions tagged javascript - Stack Overflow https://ift.tt/2FdjaAW