Jump to content
Moxamint

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

Recommended Posts

Hi All,

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

1503171955_Image002.png.f57b833ff670c052a765479145dd8016.png

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

Share this post


Link to post
Share on other sites
Posted (edited)

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/

 

Edited by burt

This is a signature that appears on all my posts.  
IF YOU MAKE A POST REQUESTING HELP...please state the exact version
of osCommerce that you are using. THANKS

 
Get the latest Responsive osCommerce CE (community edition) here

Share this post


Link to post
Share on other sites
Posted (edited)
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.

Edited by Moxamint

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×