Check if select element opens within the page

Question

I need to know if the < select > element opens within the page or in a external box.
Take this image as example: https://developer.apple.com/library/mac/documentation/AppleApplications/Reference/SafariWebContent/Art/custom_select_implement.jpg

Is it possible to know what will happen when the user clicks or touchs the select element?
If it will behave like image A or image B.

thanks,
Joe

Answer 1

I believe this answer will solve your problem. It recommends using Media queries through css to check the environment and act accordingly.

Desktop friendly multiple dropdownlist while keeping smartphones default style