Как да промените цвета на избраната опция с помощта на CSS
Kak Da Promenite Cveta Na Izbranata Opcia S Pomosta Na Css
Опции се дават на потребителя, когато съществуват множество стойности на един елемент, откъдето потребителите могат да изберат опция според предпочитанията си. Съществува в различни форми, като квадратче за отметка, падащо меню и бутон за избор. По-конкретно, падащото меню предоставя предварително дефинирани списъци с опции, които позволяват на потребителя да избере една.
Това ръководство ще обясни процедурата за промяна на цвета на избраната опция. За целта първо ще създадем падащо меню и ще го стилизираме с помощта на CSS и след това ще променим цвета на избраната опция.
Да започваме!
Как да създадете падащо меню с помощта на HTML и CSS?
В HTML можете да създадете падащо меню, като използвате „ <етикет> ”, “ <изберете> ' и ' <опция> ” етикети. За да разберем по-ясно, нека преминем към синтаксиса на падащото меню.
Нека обясним HTML таговете, използвани в горния синтаксис:
<етикет>: Използва се за указване на съкратената опция <етикет> в текстова форма.
<изберете>: Този елемент позволява на потребителя да избере елемент от списък.
<опция>: Използва се за предоставяне на опции за падащото меню.
Тук представяме практически пример за обяснение на горния синтаксис.
Стъпка 1: Създайте падащо меню
Първо, ще създадем
и ще добавим заглавие с помощта на тага
. За да добавим падащо меню вътре в него, ще използваме етикет за етикет и ще добавим „ Изберете държава ” като етикет. След това ще използваме маркера