Блог

Я хочу оформить меню выбора HTML с помощью CSS в стиле, аналогичном тому, как Google делает это в Google Translate (translate.google.com ). Я искал учебные пособия в Интернете, но все использовали jQuery. Как я могу сделать что-то похожее на это, но используя CSS для его оформления?

Я надеюсь, вы понимаете мой вопрос и то, что я пытаюсь описать.

Что делает Google, так это то, что js создает совершенно другую и стилизованную структуру html из обычного выпадающего списка, которая затем стилизуется с помощью css. С помощью событий щелчка на каждом из языков несколько значений элементов скрытой формы редактируются при выборе новых языков для перевода.

Вы можете сделать то же самое с помощью jQuery и некоторой работы.

Я надеюсь, что это проясняет, как это работает.

Если вы хотите сделать подобное только с помощью CSS, забудьте об этом — просто невозможно. Google использует javascript для определенных функций, например, когда пользователь выбирает язык, он выбирается и будет иметь границу и другой фон, когда пользователь попытается перевести в следующий раз.

Если вам просто нужна аналогичная выпадающая функция, проверьте здесь