Override focus style of search widget input

alabanu — Tue, 01 Jul 2025 10:24:09 GMT

How to remove the focus styling of the CSS textarea by overriding the search input's CSS of the search widget?

textarea:focus, input:focus

outline: 2px solid var(--calcite-color-focus, var(--calcite-ui-focus-color, var(--calcite-color-brand)));

outline-offset: calc(-2px * (1 - (2 * clamp(0, var(--calcite-offset-invert-focus), 1))));

}

this is not working

::ng-deep input:focus,

::ng-deep textarea:focus {

outline: none !important;

box-shadow: none !important;

border-color: inherit !important;

background-color: inherit !important;

}

topic Override focus style of search widget input in Developers Questions