Блог

Как сделать эти эффекты для <option> и <button> с помощью CSS и JS?

Это не реальный <select> или <button> элемент. Реальный элемент формы был бы (если бы это был элемент формы в начале) заменен на простой в стиле <ul> (один из вариантов). И javascript используется, чтобы скрыть элемент выбора, заменить его списком и прикрепить события к элементам списка / якорям.

Редактировать: Gmail, по-видимому, использует не list, а divs. Это тоже вариант.. логика, лежащая в его основе, все та же.

Попробуйте это. Вам нужно изменить изображения и цвета.