title: Adding color for a span inside a Link component doesn't change the color of the span?
body: <pre><code>import React, { Component } from 'react';
  import { Menu, Icon } from 'antd';
  import { Link } from 'react-router-dom';
  
  
  const Sidebar = () =&gt; (
    &lt;div style={{ width: '164px', padding: '20px 0px' }}&gt;
      &lt;Menu
        style={{ width: '164px' }}
        defaultSelectedKeys={['1']}
        defaultOpenKeys={['sub1']}
        mode="inline"
      &gt;
        &lt;Menu.Item key="1"&gt;
          &lt;Icon type="home" /&gt;
          &lt;Link to='/'&gt;&lt;span style={{ color: 'rgb(199, 143, 95)' }}&gt;Home&lt;/span&gt;&lt;/Link&gt;
        &lt;/Menu.Item&gt;
        &lt;Menu.Item key="2"&gt;
          &lt;Icon type="tags" /&gt;
          &lt;Link to='/tags'&gt;&lt;span style={{ color: 'rgb(199, 143, 95)' }}&gt;Tags&lt;/span&gt;&lt;/Link&gt;
        &lt;/Menu.Item&gt;
        &lt;Menu.Item key="3"&gt;
          &lt;Icon type="team" /&gt;
          &lt;Link to='/users'&gt;&lt;span style={{ color: 'rgb(199, 143, 95)', backgroundColor: 'yellow' }}&gt;Users&lt;/span&gt;&lt;/Link&gt;
        &lt;/Menu.Item&gt;
      &lt;/Menu&gt;
    &lt;/div&gt;
  );
  
  export default Sidebar;
  </code></pre>
  
  <p>I used antd as a ui framework. Since Link component hides the texts in the span elements i want to change the color of span elements but adding color prop doesn't have any effect.</p>