Select to view content in your preferred language

Override focus style of search widget input

118
0
3 weeks ago
alabanu
Emerging Contributor

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(0var(--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;
}
0 Kudos
0 Replies