iOS 13 blu selection

Solved
angelo_antonio
Tourist
4 1 1
Hello,

Anyone have the issue on Debut Theme that once I click something, like menu icon, search filed, etc appears on mobile and sometimes on desktop a blue selection, how can we disable it ? Because before iOS 13 the site worked well without blue selection
0 Likes
JonWright
Shopify Partner
731 107 317

Do you mean like this?

 

IMG_1702 2.jpg

 

If helpful then please Like and Accept Solution
0 Likes
angelo_antonio
Tourist
4 1 1
Yes, is it possibile to disable it in all device resolutions?
0 Likes
JonWright
Shopify Partner
731 107 317

Can't say I've tried, I think it's there for accessibility reasons so I've left it alone. But this article looks like it might shed some light on how to remove it https://stackoverflow.com/questions/20340138/remove-blue-border-from-css-custom-styled-button-in-chr...

 

I know that's on about Chrome but looks like the same thing.

If helpful then please Like and Accept Solution
0 Likes
angelo_antonio
Tourist
4 1 1

This is an accepted solution.

/* Remove outline for non-keyboard :focus */
*:focus:not(.focus-visible) {  outline: none;
}

/* Optional: Customize .focus-visible */
.focus-visible {  outline-color: lightgreen;
}

It works :) tested in Debut Theme, copy and past at bottom of theme.scss.liquid

0 Likes
JonWright
Shopify Partner
731 107 317

Great, glad you worked it out.

If helpful then please Like and Accept Solution
jay_dee
New Member
2 0 0

Thank You. The top part works great (it removes the outline). However, after reading a few articles why this outline exists and is needed, I'd rather just change the colour of it. Unfortunately, the bottom part that supposed to customize it doesn't seem to work. I simply copied the bottom part and pasted at the end of theme.scss.liquid. Am I doing something wrong?

0 Likes
StuartB1
New Member
1 0 0

Hi,

Correct Syntax to change color;

 

/* Optional: Customize .focus-visible */
*:focus { outline-color: black;
}

 

0 Likes
Gaarbi
Excursionist
20 1 1

Hi is this still works with Debut theme i also wanted to get rid of this blue color border. Can you please help.

0 Likes
Gaarbi
Excursionist
20 1 1

Hello anyone can please help me out to remove this error.

 

 

0 Likes