Device Compatibility Issue

  • <style>.rans:focus{background-color:green}.wans:focus{background-color:red;}</style>
<button class="rans">A</button>
<button class="wans">B</button>
<button class="wans">C</button>
<button class="wans">D</button>

    I am using above “custom html” code to set up some buttons. My goal is to change button color if it indicates correct or incorrect answer. Above mentioned buttons are working perfectly on pc but on on android or iPhone devices.

    How can I solve the issue?

    • This topic was modified 2 years, 9 months ago by Yui. Reason: moved to fixing wordpress
    • This topic was modified 2 years, 9 months ago by Steven Stern (sterndata).

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hi @amirkharu3e

    I’ve checked this in my android device and it’s working fine for me. but still, you can also add the :active event with :focus like below code:

    <style>.rans:focus, .rans:active{background-color:green}.wans:focus, .wans:active{background-color:red;}</style>

    Let me know it’s properly working or not for you after adding the above code.

    Thanks

Viewing 1 replies (of 1 total)
  • The topic ‘Device Compatibility Issue’ is closed to new replies.

Tags