Как изменить синий акцент вокруг поля ? ⇐ CSS

[Anonymous]

В настоящее время я использую компоненты Shoelace.style, но при нажатии вокруг него появляется синяя рамка. Я перепробовал все, что знал, даже использовал ::part() для каждой части компонента. Но я не могу остановить появление синего цвета или даже изменить его цвет.

.input-field::part(base):focus{ цвет границы: #000; } Я ожидал

.input-field::part(base):focus{ цвет границы:#000; } чтобы изменить синюю рамку на черную. Я даже пробовал удалить :focus и просто использовать базовый селектор. Кажется, ничего не работает, и я не очень понимаю, как Firefox DevTools позволяет увидеть, какой класс вызывается при нажатии.