Remove the 'x' button in the header search box in bootstrap 4

[♥Moxamint]

Hi All,

In my osC CE BS4, the header search box will show an 'x' button for clearing the text:

Is there a way to remove/disable that 'x' button?

I do not see the same thing in my BS3 site so I assume that's a BS4 thing.

Thanks in advance for your help.

Eddy

[burt]

That's something added by browser - for the "search" input type.  It's a "good thing" for accessibility etc...

What would be a reason for not having it ?  Try:

https://blog.maximerouiller.com/post/remove-the-x-from-internet-explorer-and-chrome-input-type-search/

 

[♥Moxamint]

19 minutes ago, burt said:

That's something added by browser - for the "search" input type.  It's a "good thing" for accessibility etc...

What would be a reason for not having it ?  Try:

https://blog.maximerouiller.com/post/remove-the-x-from-internet-explorer-and-chrome-input-type-search/

Thanks Gary for the info.  My main reason is for trouble-shooting.  I believe it screwed up something that I installed myself.  I was also thinking about styling it if I could figure out what that is.

Cheers, Eddy

Edit: The code shown in above website does the trick.