Hello,
I have a HTML5 presentation that uses touch events to scroll through some slides. As soon as I touch an element, a orange box appears around the touched element. This beaviour doesn't show up in my local browser.
Can I disable these visual feedbacks?
In my HTML 5 options in BA:connected I have:
Can anybody help?
Thanks!!!
There are a lot of ways to do this but one way I recently learned is below:
<style>
.no-feedback{
all: unset;
your-style-here: your settings;
}
</style>
<button class="no-feedback" onclick="YourFunction()">Play</button>
If you are unfamilliar with css and styling let me know.
I have a HTML5 presentation that uses touch events to scroll through some slides. As soon as I touch an element, a orange box appears around the touched element. This beaviour doesn't show up in my local browser Florida Blue
Can I disable these visual feedbacks?
In my HTML 5 options in BA:connected I have:
- Enable touch and mouse event (activated)
- Display cursor (deactivated)
- Enable native video playback (disabled)
- Enable nativr Chromium video playback (disabled)
Can anybody help?
Thanks!!!
Hello,
To disable the orange box visual feedback on touch events in your HTML5 presentation, you can use the CSS property -webkit-tap-highlight-color and set it to transparent. Adding this CSS rule to your stylesheet will prevent the orange box from appearing around touched elements across different browsers and devices. It seems like the visual feedback you're experiencing is specific to touch events on your presentation setup, and this approach should help mitigate it effectively.
Best regards,
Roxanne
