Какой дизайн выбрать для кнопки на три состояния?
Добрый день,
хочу сделать блок маленьких кнопок, в каждой несколько букв (обычно это названия функциональных групп молекул, например, COOH, HN3, CH3) мне нужно три состояния такой кнопки:
1. функциональная группа присутствует,
2. функциональная группа точно отсутствует,
3. не важно.
Всего таких кнопок планируется где-то 80, может в будущем будет больше, около 120.
Один из вариантов, окрашивать background-color в 1. зеленый, 2. красный, 3 белый цвет, но как-то пестро получается.
Возможно есть что-то красивее, например, галочку в правом левом углу ставить.
Еще как вариант, играть шрифтом
1. жирный,
2. перечеркнутый,
3. обычный.
Посоветуйте, пожалуйста, что было бы правильнее и логичнее, и как логичнее переключать эти состояния. Я планировал переключать все состояния одним щелчком по кругу 1-2-3-0, но может правильнее
1-3. переключается одинарным щелчком,
1-2. переключается двойным щелчком.
Спасибо!
|