Remove blue border around button when clicked

[flammagreg]

Hi guys,

Website: seraneeva.com

How can I remove the blue border around the "sort by" dropdown when clicked?? To get there you click on the "buy now" button. I would really appreciate any help!

[Rahul_dhiman]

Hello @flammagreg ,
So which border ?

In this I see black Border when selected .--> This can be changed via css code . Let me know if you are looking for this I will send code for this then.

Then the blue background for option selected :--- > This cannot be changed as this is default behaviour of Browser .

[flammagreg]

This border

[flammagreg]

Do you also know how to edit which options are in the dropdown? I don't want the alphabetically options and probably some other ones

[Rahul_dhiman]

For this , The option would be editing the code in the theme .  Which is not possible to check unless logged in to the store .

[flammagreg]

Could you log in and check?? I could dm you the collaborator code

[Rahul_dhiman]

sure

[flammagreg]

I messaged you

[Rahul_dhiman · Accepted solution]

So here is the code insert it in theme.liquid 

Steps :
1: Online store >>> themes >> select theme click on three dots (...) and then click on Edit Code 
2: Find file named : theme.liquid 
3: find in the file </head> 
4: Above that add this code .

<style>
:focus-visible {
    outline: none !important;
}
<style>

This should make things work .

[flammagreg]

Thank you!! Do you know how to edit 'sort by' dropdowns on collection page??