diff --git a/packages/components/slider/__tests__/slider.test.tsx b/packages/components/slider/__tests__/slider.test.tsx
index 34475d565f..2e0300c119 100644
--- a/packages/components/slider/__tests__/slider.test.tsx
+++ b/packages/components/slider/__tests__/slider.test.tsx
@@ -610,6 +610,9 @@ describe('Slider', () => {
       const marks = wrapper.findAll('.el-slider__marks .el-slider__marks-text')
       expect(marks.length).toBe(2)
       expect(stops.length).toBe(2)
+      expect(getComputedStyle(marks[marks.length - 1].element).color).toBe(
+        'rgb(255, 85, 0)'
+      )
     })
   })
 
diff --git a/packages/components/slider/src/marker.ts b/packages/components/slider/src/marker.ts
index 6729f55491..7daaf6e6a8 100644
--- a/packages/components/slider/src/marker.ts
+++ b/packages/components/slider/src/marker.ts
@@ -34,7 +34,7 @@ export default defineComponent({
         'div',
         {
           class: ns.e('marks-text'),
-          style,
+          style: style.value,
         },
         label.value
       )