Remove border from search component

AbdulrahmanB
Tera Contributor

Hi,

 

I'm trying to remove the grey border from the search box, I just need a bottom border here but I can't remove the default border.

 

Screenshot 2024-04-04 005933.png

 

 

This is my custom CSS:

* {
    align-self: flex-start;
    border-color: #5d64b5;
    border-radius: 0;
    border-style: none none solid none;
    border-width: 0 0 1px 0;
    width: 44rem;
    outline: none !important;
    box-shadow: none !important;
   
}

 

3 REPLIES 3

Susan Britt
Mega Sage
Mega Sage

Is this on the homepage search widget?  If so, where are you putting the CSS?

Sajal Gupta
ServiceNow Employee
ServiceNow Employee

@AbdulrahmanB Let me know If you want to achieve something like this.

SajalGupta_0-1712678197957.png

 

Regards

Sajal

JPery
Tera Contributor

I am trying to achieve the same. Any help is much appreciated. Thank you!