Search code examples
cssreactjsuser-interfaceantd

Custom styling for Ant Design Steps connector?


I'm looking for a way to customize the color/width of the connector line in Ant Designs Steps component: What I want to update

I've tried looking through the inspector but the connector doesn't appear as it's own element which means I can't style it through className.

Thanks in advance for any help.


Solution

  • You can override .ant-steps-item-title class to achieve this. For example:

    .ant-steps-item-title:after {
      background-color: red !important;
    }
    

    DEMO