Как сделать такую всплывающую подсказку с выбором цветов при наведении на иконку без использования bootstrap, jquery?

Question

[Alexfixer]

Как сделать такую всплывающую подсказку с выбором цветов при наведении на иконку без использования bootstrap, jquery?


Вот такое сделал:


Но такой вариант не подходит, так как он на Jquery, который подгружается позже чем надо.

Answer 1

[Egor]

1. Создаешь такое окошко и вешаешь display:none;
2. Кастомизируешь чекбоксы с помощью label;
3. Выбранный чекбокс кастомизируешь примерно так:

input[type="radio"]:checked + label::before {
	//some code
}

4. На JS пишешь listener для выбранного чекбокса (Если нужно);
5. Вешаешь на кнопку hover, по которому у окошка display:block;

Comments

[Alexfixer]

Спасибо)