title: placeholder property of select tag in antd not working
body: <p>This is the code snippet I'm using. The placeholder is not showing in UI. I am using antd controls.</p>
  
  <pre><code>&lt;Select placeholder="Select A User Role" value={'RoleID'}&gt;
    &lt;Option value='2'&gt;Company Admin&lt;/Option&gt;
    &lt;Option value='3'&gt;Company User&lt;/Option&gt;
  &lt;/Select&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/LkV9g.png" rel="noreferrer"><img src="https://i.stack.imgur.com/LkV9g.png" alt="enter image description here"></a></p>
  
  <p>style.css</p>
  
  <pre><code>.ant-select-dropdown {
      max-width: 400px;
      width: 100% !important;
  }
  .ant-select-selection-selected-value {
      width: 100%;
    }
  .ant-table-tbody &gt; tr &gt; td, .ant-table-thead &gt; tr &gt; th
  {
      padding:4px;    
  }
  
  tr:nth-child(even){
      background: white;
  } 
  tr.active { 
  background-color: #b3ffb3;
  }
  thead[class*="ant-table-thead"] th{
      background-color:#000 !important;
      color: white;
      font-weight: bold;
      border-color: #000;
    }
  .table_btn
  {
      margin:0 !important;
  }
  .ant-btn
  {
      margin:0;
  }
  .ant-create-invoice-form {
      padding: 24px;   
      margin:24px;
      background: #f1e6ff;
      border: 1px solid #d9d9d9;
      border-radius: 6px;
    }  
    .ant-create-invoice-header-form {   
      height: 25px; 
  
    } 
  .totallblStyle{
      font-size: 14px;
      font-weight: bold;
  }
  .lblStyle{
      font-size: 12px;
      font-weight: bold;
      padding-top: 10px;
  }
  .headerlblStyle{
      font-size: 14px;
      font-weight: bold;
      width: 160px;    
      padding-bottom: 10px;   
  }
  .headerlblDescStyle{
      font-size: 14px;
      font-weight: bold;
      width: 260px;    
  }
  .userHeader{
      color: #000;
      cursor: pointer;
  }
  .headerStyle{
      color: #000;   
  }
  
  .gx-main-content-wrapper {
      padding: 5px 20px ; 
  }
  .ant-table-tbody &gt; tr:hover &gt; td {
      color: #fff;
  }
  .cancel-btn {
    color: #f0ad4e ;
    border-color: #d9d9d9 ;
  }
  .cancel-btn:hover {
     background-color: #f0ad4e;
      color: #fff;
      border-color: #eea236;
  }
  .save-btn {
     color: #3d8918 ;
     border-color: #d9d9d9 ;
  }
  .save-btn:hover {
      background-color:#3d8918 ;
      color: #fff ;
      border-color: #d9d9d9
  }
  .loginAs {
     text-align: center;
      margin-bottom: 10px;
  }
  .sign-up 
  .gx-app-login-container {
    max-width: 1000px !important;
  }
  .gx-user-popover li:hover,
   .gx-user-popover li:focus {
      background-color: #d5d5d5;
  }
  .avtImgStyle{
      width: 35px;
      height: 35px;
  }
  .ant-input-disabled {
      background-color: #fff;
      opacity: 1;
      cursor: not-allowed;
      color: inherit;
  }
  .selected {
      background: #545454 !important;
      color:#fff !important;
  }
  
  .ant-select-dropdown-menu-item:hover {
       color:#fff ;
  }
  .ant-tabs-bar .ant-tabs-tab {
      text-align: right;
      font-weight: bold;
  }
  </code></pre>
  
  <p>This is the style page I am importing in my page.</p>
  
  <p>The place holder for all <code>&lt;Input&gt;</code> tags are  working.</p>
  
  <p>But not working for <code>&lt;Select&gt;</code>.</p>
  
  <p>Is any of this CSS is preventing the placeholder of ?
  How can I make the placeholder of select visible?</p>