Older Bootstrap Framework Credit Card Exp Month select issue

[lesliekirk]

What exactly is the issue? Sorry, ran out of coffee after the second cup...reinforcements have been called up, but could be another 20/30 minutes...

The issue seems to be very OS / Browser specific. The store owner tries to select the expiration month on the OPAY screen on PC using Windows 7 Professional using Chrome (Version 58.0.3029.110 {64 bit}) and cannot select the month.

Since I made this post I made the tweaks to the CSS to "remove" the negative margin in hopes that she would be now select the exp month. I am waiting to hear back from her.

[Bruce - PhosphorMedia]

What exactly is the issue? Sorry, ran out of coffee after the second cup...reinforcements have been called up, but could be another 20/30 minutes...

[lesliekirk]

Store using an older Bootstrap framework is having issues with the drop down select for the expiration month select on the OPAY screen. The behavior has been reproduced on a PC using Windows 7 Professional using Chrome (Version 58.0.3029.110 {64 bit})

Here are a couple things I've discovered. In the CSS there is this style:

#opay_form #js-cc_exp {
    color: transparent;
}

This hides the slash that should be separating the month from the year. When you unhide the slash (I changed the color), the slash displays after the expiration year select. No wonder someone hid it...

I'm wondering if I remove the negative margin if that might help with the select issue. Can I put a z-index on the select to help?

The site in question is http://www.caratcoin.com

Suggestions are welcome.