Блог

Я пробовал разные способы, но не нашел решения, чтобы скрыть полосу прокрутки на :host селекторе элементов.

У меня не было проблем с Firefox и Edge:

 :host {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
 

Но я изо всех сил пытаюсь найти способ сделать это с помощью Safari и Chrome:

 :host ( ::-webkit-scrollbar ) {
  display: none;
}
 

Я пробовал разные способы, не решая эту проблему:

 ::-webkit-scrollbar,
*::-webkit-scrollbar,
:host( .host-selector::-webkit-scrollbar ),
:host ( [::-webkit-scrollbar] ),
:host ::-webkit-scrollbar,
:host::-webkit-scrollbar {
  display: none;
}
 

Кто-нибудь знает, как это сделать правильно?