Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Buttons' :hover, :active, and checked background-colors should be different #18177

Closed
iBasit opened this issue Nov 5, 2015 · 6 comments
Closed

Buttons' :hover, :active, and checked background-colors should be different #18177

iBasit opened this issue Nov 5, 2015 · 6 comments
Labels
accessibility css v4

Comments

@iBasit
Copy link

iBasit commented Nov 5, 2015

On v4 - http://v4-alpha.getbootstrap.com/components/buttons/#checkbox-and-radio-buttons

Checkbox button, radio button and toggle button. The state of hover is same as checked. so user cant tell if he unchecked it or is it still checked state. its bit confusing.

If you keep hover, checked and unchecked state different from each other, that will solve the issue.

image
@cvrebert cvrebert changed the title Difference between hover, checked and unchecked Buttons' :hover, :active, and checked background-colors should be different Nov 5, 2015
@cvrebert
Copy link
Collaborator

cvrebert commented Nov 5, 2015

I could have sworn there was an issue for this, but I can't seem to find it.

@patrickhlauke
Copy link
Member

this sounds like something i fixed in v3...unless i'm getting confused

@patrickhlauke
Copy link
Member

thinking of this #16154

@patrickhlauke
Copy link
Member

this 1f153b6#diff-edb9cd89b66120ef946a81de31f6bb06 should already take care of it - wondering if the v4-alpha docs simply haven't been updated yet to include this

@patrickhlauke
Copy link
Member

confirming that once you compile and run the latest version of v4, the issue is resolved - just a case of the live v4-alpha docs being out of date

@cvrebert cvrebert removed the confirmed label Nov 6, 2015
@ysds
Copy link
Member

ysds commented Aug 8, 2017

This problem is still confirmed now.

Demo: (dev-4 latest CSS and JS)
https://jsfiddle.net/n3f75n9x/

@ysds ysds mentioned this issue Aug 28, 2017
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
accessibility css v4
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@iBasit @cvrebert @patrickhlauke @ysds