Не могу опустить контур со списком - PullRequest
Новая
       31

Не могу опустить контур со списком

0 голосов
/ 30 марта 2019

Я только начал работать с 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;    
}

Как я могу заставить пунктирный контур исчезнуть?

1 Ответ

0 голосов
/ 30 марта 2019

Я копаюсь в их примерах, чтобы найти поле со списком, и увидел, что они не используют родной фокус браузера. Они помещают класс .sapMFocus, который дает эту пунктирную границу для элемента.

Вам нужно переопределить стили этого класса следующим образом: 

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