<dx-tab-panel #tabPanel style="margin-top: 10px;">
      <dxi-item title="{{'header' | translate}}">
...rest of the code

DOM:

<div class="dx-item-content dx-tab-content">
   <div class="dx-tab-text">
      <span class="dx-tab-text-span">Header
         <span class="dx-tab-text-span-pseudo">Header</span>
      </span>
   </div>
</div>

这是它在浏览器中的显示方式:

enter image description here

我不希望生成伪类,因为它会影响我的整个代码和CSS.

PS:请不要提供临时的解决方案,如申请display: none;在该类,提供永久的解决方案.

推荐答案

您错过了包括dev-extreme个css.请找到下面的工作Sandbox 版本.

我判断了代码和作者本身包括CSS,防止这个问题!它必须是为某些屏幕阅读器目的而创建的,它不能通过配置删除!

Dx.Material.Blue.light.css:12

.dx-tab .dx-tab-text .dx-tab-text-span-pseudo {
    display: none;
}

HTML

<link rel="stylesheet" type="text/css" href="https://cdn3.devexpress.com/jslib/23.2.3/css/dx.material.blue.light.css" />

sandbox

Html相关问答推荐

我需要两个HTML标签,以便当另一个隐藏时,一个可见,反之亦然

仅包含名为X的子元素的元素的XPath?

Angular 分量被循环

带有MathJax SVG的HTML代码在XHTML中不起作用

根据按钮位置左/右对齐按钮

如何突破安莉得分

为什么我得不到有错误的字段?迈克尔·哈特尔教程.7.3.3

如何使VS代码支持以模仿嵌套的方式对已经包含注释的HTML进行注释?

当浏览器宽度减小时字体大小变得太大

如何在 VS Code 中 Select 和删除 HTML 元素(其标签和内容)?

为什么我的图像在悬停时与固定顶部栏重叠?

使单行路径的 svg 填充父级的 100% 宽度

如何使用 CSS 应用带有笔划的文本阴影?

如何垂直对齐列表中的图像和文本?

如何删除输入中输入类型数字中的箭头?

那边界从何而来?

使用 rgba() 的 css 中的边框不透明度不起作用

如何将第一个 p 标签放在其下方第二个 p 标签的中间

文本输入在 Chrome 中保持水平滚动,带有文本溢出:省略号

动态使用时波浪号不转换为绝对路径