How to hide border flickity in Chrome

Question

anyone please help, how to hide border flickity slider in chrome. The border just show in Browser Chrome only. may be like this :

or u can visit my blog : aqiqoh-syafaat.blogspot.co.id thanks

score 2 · Answer 1 · answered Apr 02 '19 at 14:16

To remove the outline from just flickity elements you can add the following css

.flickity-enabled:focus {
    outline: none;
}

As others have said removing this globally is bad for accessibility. If you use the dots or nav features for flickity you would ideally add focus to these elements.

harsha motwani · Answer 2 · 2017-03-10T09:43:16.067

0

Can you please tell exactly where how you can see that border.

Generally this border appears as outline on focus(if), you can set

*:focus{
outline:none;
}

This will remove that blue border from everywhere.

or simply outline:none; on element or its pseudo class (Use !important if needed.)

edited Mar 10 '17 at 09:43

answered Mar 10 '17 at 09:37

harsha motwani

56
4

Please select the answer as correct answer @rohmat. :) – harsha motwani Mar 15 '17 at 05:40
2

Using the `*:focus` is not a good solution.. When someone is using a keyboard they have absolutely no idea what element is selected. – Robin B Sep 13 '17 at 12:17

How to hide border flickity in Chrome

2 Answers2