Question

如何在ExtJS 6应用程序中删除聚焦元素（标签，网格单元格等）？是否有任何全局配置？

示例：

我设法使用此CSS规则删除了标签，按钮和网格单元格的大纲

* {
  outline: none !important;
}

.x-grid-item-focused .x-grid-cell-inner:before {
  border: 0;
}

但不幸的是，对于一些有针对性的元素它不起作用。我注意到，对于某些组件，ExtJS添加了不同的CSS规则来添加边框/轮廓。

例如，边框铺设拆分分隔符组件添加:after并带有轮廓。

这个问题有没有复杂的解决方案？

P.S。为什么在地球上Sencha将此样式添加到框架而无法删除它。 IMO它非常烦人并且使主题变得复杂。

Answer 1

我遇到了同样的问题我找到了关于行细胞的好博客这是Blog
以下是示例Fiddle

这是删除以网格为中心的行单元格边框的css代码

.x-grid-item-focused .x-grid-cell-inner:before {
border: 0;

}

Answer 2

不是100％确定你需要什么，但你可以在var / all.scss或packages / local / own-theme / classic / sass / var / view / Table.scss中设置这些变量

$grid-row-cell-focus-border-color: transparent;
$grid-row-cell-focus-border-width: 0;