vueComponent / ant-design-vue

🌈 An enterprise-class UI components based on Ant Design and Vue. 🐜

Home Page:https://antdv.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

设置Tabs 的tabBarStyle样式borderBottom:'unset',无法清掉选项卡组件底部灰色细线,此设置在vue2.6.12和ant-design-vue 1.7.8上验证有效

yzmb2023 opened this issue · comments

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

4.2.1

Environment

os 版本 :win10, 浏览器版本:Google Chrome 125.0.6422.141,vue版本:3.4.27

Reproduction link

Edit on CodeSandbox

Steps to reproduce

1、设置Tabs 的tabBarStyle样式borderBottom:'unset'
2、检查选项底部灰色细线

What is expected?

选项卡组件底部灰色细线消除
image

What is actually happening?

选项卡组件底部灰色细线仍显示
image

div :deep(.ant-tabs-nav::before) {
  border-bottom: unset;
}
div :deep(.ant-tabs-nav::before) {
  border-bottom: unset;
}

It works,thank you