Customization for Typeahead Search widget

Julian Reis
Tera Contributor

‎09-23-2025 04:35 AM - edited ‎09-23-2025 04:37 AM

Hi guys,

 

does anyone know how i can customize the typehead search widget on employee center? I just want to style the corners of the widget. 

 

JulianReis_0-1758627317807.png

 

 

With the help of dev-tools i founded out, where i can deactivate this roud corners.  Because when you deactive "border-bottom-left-radius" the corners will change. 

JulianReis_1-1758627317879.png

 

 

With the page css i tried to change/deactive it but it didnt worked. Can someone with some Servicenow/CSS expierience help me?

0 Helpfuls
  • 1,388 Views
5 REPLIES 5

leandrolope
Tera Contributor

‎11-04-2025 03:30 PM

I also have the same problem mentioned in this post. See the link:

 

https://www.servicenow.com/community/employee-center-forum/change-typeahead-search-css/m-p/3363759

 

And indeed, cloning Typeahead Search gives you total control over the CSS.

 

But as I would like, and I believe the friend in this post also wants, we only want to change the border-radius without having to clone the OOTB widget, so as not to lose its platform updates.

 

Is this type of border-radius change more flexible in PDI, and blocked in the client instance?