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

Question

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

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

Image Highlighting the issue.

请你提出解决方案。

谢谢， Samee

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类，甚至可以使用其中一个。