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.

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

建议调整 checkbox radio 的用户体验 #3590

Closed
leejaen opened this issue Oct 26, 2016 · 4 comments
Closed

建议调整 checkbox radio 的用户体验 #3590

leejaen opened this issue Oct 26, 2016 · 4 comments

Comments

@leejaen
Copy link

leejaen commented Oct 26, 2016

当 checkbox 或 radio 在页面上有很多,或者checkbox 嵌入到 tab panel 的 title 时,不容易区分当前响应的控件

鼠标指向没有指示:
image

鼠标指向有颜色指示:
image

建议添加以下css样式解决:

.ant-checkbox-wrapper:hover .ant-checkbox>span{background-color:#9cdbf7!important}
.ant-checkbox-wrapper:hover .ant-checkbox-disabled>span {background-color:#f3f3f3!important}
.ant-radio-wrapper:hover .ant-radio>span{background-color:#9cdbf7!important}
.ant-radio-wrapper:hover .ant-radio-disabled>span {background-color:#f3f3f3!important}
@benjycui
Copy link
Contributor

不懂你要表达什么?场景和面临的问题?

@leejaen
Copy link
Author

leejaen commented Oct 26, 2016

@benjycui 这都看不懂?没有颜色(浅蓝底色)指示不容易分辨那个checkbox响应啊

@afc163
Copy link
Member

afc163 commented Oct 26, 2016

不要蓝底,补充上 checkbox 现有的 hover 样式就行。

@lock
Copy link

lock bot commented May 3, 2018

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.

@lock lock bot locked as resolved and limited conversation to collaborators May 3, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants