ExtJS 6 删除焦点元素大纲

Question

如何在我的 ExtJS 6 应用程序中删除焦点元素(选项卡、网格单元格等)轮廓？是否有任何全局配置？

例子:

我成功地使用此 CSS 规则删除了选项卡、按钮和网格单元格的轮廓

* {
  outline: none !important;
}

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

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

例如，在带有轮廓的 :after 中添加了边框布局的拆分分隔符组件。

这个问题有什么复杂的解决方案吗？

附言为什么 Sencha 将这种样式添加到框架中却无法删除它。在我看来，这很烦人并且使主题复杂化。

Answer 1

我遇到了同样的问题我发现了这个关于 row-cell 的好博客
这是 Blog
这是示例 Fiddle

here is the css code which remove grid focused row-cell border

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