如何删除点击/聚焦的sap ui5元素周围的虚线

Question

我一直在努力去除用于突出聚焦元素的虚线。但似乎我找不到任何解决方案。

它甚至可以在SAP UI5 Demo套件中看到。

Image Highlighting the issue.

你能建议一个解决方案吗？

谢谢，萨梅

Answer 1

如果要删除虚线，可以覆盖此css类：

.sapMLIBFocusable:focus {
    outline: 1px dotted #000000;
    outline-offset: -1px;
}

我不建议直接覆盖这个类，而是在你的元素中添加一个样式，并将其包含在选择器中，就像这样。

.yourclass .sapMLIBFocusable:focus {
    outline: 2px solid red;
    outline-offset: -1px;
}

Answer 2

您可以像这样覆盖sap css类

html.sap-desktop .sapUiBody :focus {
outline: none;}

这是类.sapUiBody的一个例子，但你可以使用任何其他的sap类，甚至是你的一个。