Override focus style of search widget input

alabanu

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;

}