Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website Debugging HTML and CSS Problems Continue Learning

Volodymyr Boretskyi
Volodymyr Boretskyi
9,094 Points
Posted by Volodymyr Boretskyi
Volodymyr Boretskyi
9,094 Points

Weird hover effect on android.

Hi, I tried this on my real website. And on my android-l links have some strange blue background color on hover? Works well on desktop at any resolution.

Does anyone know what this is?

2 Answers

Ted Sumner
PLUS
Ted Sumner
Courses Plus Student 17,967 Points
Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

I don't know for sure, but I would look to see if vendor prefixes are required for hover. I would also think that hover would be hard on a touch device. You may want to do some searching on the issue.

Volodymyr Boretskyi
Volodymyr Boretskyi
9,094 Points
Volodymyr Boretskyi
Volodymyr Boretskyi
9,094 Points

I've solved the issue with

  • { -webkit-tap-highlight-color:rgba(0,0,0,0); /* prevent tap highlight color / shadow */ }
Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

Good. I am glad you figured it out.