title: React change antd select background color
body: <p>I am using React Ant component. I would like to change the background color of Select.</p>
  <p>I have followed the method from <a href="https://stackoverflow.com/questions/49513517/how-to-change-the-style-of-a-ant-design-select-component">How to change the style of a Ant-Design &#39;Select&#39; component?</a>. It didn't work if the 'antd/dist/antd.css' was imported. However, it did change the background color of Select if 'antd/dist/antd.css' had not been imported.</p>
  <p>How should I change the color with the import of 'antd/dist/antd.css'? The following is the code and css for react</p>
  <p>AntdSelect.js</p>
  <pre><code>import React from 'react'
  import { Select } from 'antd'
  import 'antd/dist/antd.css';
  import  './antd.css'
  const { Option } = Select;
  
  function AntdSelect() {
      return (
          &lt;div&gt;
              &lt;Select
                  className=&quot;ant-select-selection&quot;
                  style={{ width: 200 }}&gt;
                  &lt;Option value=&quot;Daily&quot;&gt;Daily&lt;/Option&gt;
                  &lt;Option value=&quot;Weekly&quot;&gt;Weekly&lt;/Option&gt;
                  &lt;Option value=&quot;Monthly&quot;&gt;Monthly&lt;/Option&gt;
                  &lt;Option value=&quot;Yearly&quot;&gt;Yearly&lt;/Option&gt;
              &lt;/Select&gt;          
          &lt;/div&gt;
      )
  }
  
  export default AntdSelect
  </code></pre>
  <p>antd.css</p>
  <pre><code>.ant-select-selection {
    background-color: green;
  }
  </code></pre>
  <p>The objective is to change the background color to green:
  <a href="https://i.stack.imgur.com/aq8MC.png" rel="nofollow noreferrer">Background green</a></p>