不能用组合框省略轮廓

Question

我刚刚开始使用SAPUI5，我在组合框方面遇到了一些麻烦。

当我打开我创建的新窗口时，它开始聚焦组合框，但是带有恼人的虚线轮廓。如果我在组合框外面点击它只会消失，但我真的需要它根本不显示，甚至当我点击内部时也是如此。

我已经尝试了几个库和类，但这些都没有给我所需的输出。

以下是我尝试过的课程：

.comboCreateDoc {
    border-left: none;
    border-right: none;
    border-top: none;
    outline: 0px transparent !important;
    outline-style: none !important;
}

html.sap-desktop .comboCreateDoc .sapMInputBaseContentWrapper {
    border: none !important;
    background: transparent !important;
    outline-style: none !important;
    outline: 0px dotted transparent !important;
    outline-offset: -3px;
}

html.sap-desktop .sapMBtn:focus > .sapMFocusable {
    outline: 0px dotted transparent !important;
    outline-offset: -3px;
}

html.sap-desktop .sapMCbBgs:active > .sapMFocusable {
    outline: 0px dotted transparent !important;
    outline-offset: -3px;
}

.sapMInputBaseIconContainer{    
    outline: none !important;
}

.sapMComboBoxInner .sapMInputBaseInner{    
    outline: none !important;    
}


html.sap-desktop .sapUiBody:focus {
    outline: non !important;    
}

如何使虚线轮廓消失？

Answer 1

我挖掘他们的样本以找到组合框，我看到他们不使用本机浏览器焦点。他们把一个类.sapMFocus给了元素的虚线边框。

你需要覆盖那样的类样式：

.sapMFocus .sapMInputBaseContentWrapper::before {
 border:none;
}