Выпадающий список используя только HTML & CSS || Design for select & option tags using HTML & CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 พ.ย. 2024

ความคิดเห็น • 11

  • @alexanderpiont6443
    @alexanderpiont6443 หลายเดือนก่อน

    Безумно полезно видео, спасибо

    • @topchiydev
      @topchiydev  หลายเดือนก่อน

      Пожалуйста)

  • @Дианади-о1ю
    @Дианади-о1ю ปีที่แล้ว

    Здорово получилось😊 спасибо

    • @topchiydev
      @topchiydev  ปีที่แล้ว

      Пожалуйста 🙂

  • @xzetxp8763
    @xzetxp8763 ปีที่แล้ว

    Пасиба:-)

    • @topchiydev
      @topchiydev  ปีที่แล้ว

      Пожалуйста 🙂

  • @alexanderpiont6443
    @alexanderpiont6443 หลายเดือนก่อน

    Можно ли как-то сделать абзац в сноске допустим у меня … text = “….”
    Вот внутри кавычек как сделать абзац?

    • @topchiydev
      @topchiydev  หลายเดือนก่อน

      Приветствую!
      Не совсем понимаю как это должно быть.

    • @alexanderpiont6443
      @alexanderpiont6443 หลายเดือนก่อน

      Уже решил, спасибо за ответ. А можете еще, пожалуйста, подсказать как сделать текст в меню по центру? Что нужно добавить в select option

  • @stassot7320
    @stassot7320 4 หลายเดือนก่อน

    кто нибудь знает как изменить синий фон при hover на option? Везде искал и не нашел, говорят онли библиотеку юзать или кастомный выпадающий список делать...

    • @topchiydev
      @topchiydev  4 หลายเดือนก่อน

      Приветствую!
      Промониторил это вопрос, нашел некоторое решение, но как мне кажется оно не идеальное.
      Но все же можете потестировать:
      Внутри добавляете теги
      И затем CSS код:
      select option:hover {
      box-shadow: 0 0 10px 100px red inset !important;
      color: #fff;
      }
      select option:checked {
      box-shadow: 0 0 10px 100px red inset !important;
      color: #fff;
      }
      Если не получится, лучше тогда действительно свой список сделать.