From 1e176ed841a75a90ca8de5f948019df70dacf029 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BA=8C=E8=B4=A7=E6=9C=BA=E5=99=A8=E4=BA=BA?=
 <smith3816@gmail.com>
Date: Wed, 23 Sep 2020 13:33:35 +0800
Subject: [PATCH] fix: Divider border style not work on text mode (#26863)

---
 .../divider/__tests__/__snapshots__/demo.test.js.snap | 11 +++++++++++
 components/divider/demo/customize-style.md            |  3 +++
 components/divider/style/index.less                   |  7 ++++++-
 3 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/components/divider/__tests__/__snapshots__/demo.test.js.snap b/components/divider/__tests__/__snapshots__/demo.test.js.snap
index e7c6fcdee3..5b29daea4d 100644
--- a/components/divider/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/divider/__tests__/__snapshots__/demo.test.js.snap
@@ -12,6 +12,17 @@ Array [
     role="separator"
     style="border-color:#7cb305"
   />,
+  <div
+    class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center ant-divider-dashed"
+    role="separator"
+    style="border-color:#7cb305"
+  >
+    <span
+      class="ant-divider-inner-text"
+    >
+      Text
+    </span>
+  </div>,
   <div
     class="ant-divider ant-divider-vertical"
     role="separator"
diff --git a/components/divider/demo/customize-style.md b/components/divider/demo/customize-style.md
index 78fc269b47..79822c392e 100644
--- a/components/divider/demo/customize-style.md
+++ b/components/divider/demo/customize-style.md
@@ -21,6 +21,9 @@ ReactDOM.render(
   <>
     <Divider style={{ borderWidth: 2, borderColor: '#7cb305' }} />
     <Divider style={{ borderColor: '#7cb305' }} dashed />
+    <Divider style={{ borderColor: '#7cb305' }} dashed>
+      Text
+    </Divider>
     <Divider type="vertical" style={{ height: 60, borderColor: '#7cb305' }} />
     <Divider type="vertical" style={{ height: 60, borderColor: '#7cb305' }} dashed />
   </>,
diff --git a/components/divider/style/index.less b/components/divider/style/index.less
index 46ca3ad078..68018b5307 100644
--- a/components/divider/style/index.less
+++ b/components/divider/style/index.less
@@ -35,13 +35,18 @@
     font-size: @font-size-lg;
     white-space: nowrap;
     text-align: center;
+    border-color: @divider-color;
     border-top: 0;
+
     &::before,
     &::after {
       position: relative;
       top: 50%;
       width: 50%;
-      border-top: 1px solid @divider-color;
+      border-top: 1px solid transparent;
+      // Chrome not accept `inherit` in `border-top`
+      border-top-color: inherit;
+      border-bottom: 0;
       transform: translateY(50%);
       content: '';
     }