সিএসএস ব্যবহার করে কীভাবে নির্বাচিত বিকল্পের রঙ পরিবর্তন করবেন
Si Esa Esa Byabahara Kare Kibhabe Nirbacita Bikalpera Rana Paribartana Karabena
একটি একক উপাদানের একাধিক মান বিদ্যমান থাকলে ব্যবহারকারীকে বিকল্পগুলি দেওয়া হয়, যেখান থেকে ব্যবহারকারীরা তাদের পছন্দ অনুযায়ী একটি বিকল্প নির্বাচন করতে পারেন। এটি বিভিন্ন আকারে বিদ্যমান, যেমন একটি চেকবক্স, ড্রপ-ডাউন মেনু এবং রেডিও বোতাম। আরও নির্দিষ্টভাবে, ড্রপ-ডাউন মেনু বিকল্পগুলির পূর্বনির্ধারিত তালিকা প্রদান করে যা ব্যবহারকারীকে একটি নির্বাচন করতে দেয়।
এই ম্যানুয়ালটি নির্বাচিত বিকল্পের রঙ পরিবর্তন করার পদ্ধতি ব্যাখ্যা করবে। এর জন্য, প্রথমে, আমরা একটি ড্রপ-ডাউন মেনু তৈরি করব এবং CSS ব্যবহার করে স্টাইল করব এবং তারপর নির্বাচিত বিকল্পের রঙ পরিবর্তন করব।
চল শুরু করি!
কিভাবে HTML এবং CSS ব্যবহার করে ড্রপ-ডাউন মেনু তৈরি করবেন?
HTML-এ, আপনি ব্যবহার করে একটি ড্রপ-ডাউন মেনু তৈরি করতে পারেন <লেবেল> ', ' <নির্বাচন> ' এবং ' <বিকল্প> ' ট্যাগ. আরও স্পষ্টভাবে বুঝতে, আসুন ড্রপ-ডাউন মেনুর সিনট্যাক্সে চলে যাই।
বাক্য গঠন
এখানে ড্রপ-ডাউন মেনুর সিনট্যাক্স রয়েছে:
< লেবেল > পাঠ্য লেবেল > < নির্বাচন করুন > < বিকল্প মান = '' > বিকল্প 1 বিকল্প > < বিকল্প মান = '' > বিকল্প 2 বিকল্প >
... < বিকল্প মান = '' > optionN বিকল্প > নির্বাচন করুন >
আসুন উপরের সিনট্যাক্সে ব্যবহৃত HTML ট্যাগগুলি ব্যাখ্যা করি:
<লেবেল>: এটি পাঠ্য আকারে সংক্ষিপ্ত বিকল্প
<নির্বাচন>: এই উপাদানটি ব্যবহারকারীকে একটি তালিকা থেকে একটি আইটেম নির্বাচন করতে সক্ষম করে।
<বিকল্প>: এটি ড্রপ-ডাউন মেনুর বিকল্পগুলি প্রদান করতে ব্যবহৃত হয়।
এখানে আমরা উপরের সিনট্যাক্স ব্যাখ্যা করার জন্য একটি ব্যবহারিক উদাহরণ উপস্থাপন করছি।
ধাপ 1: একটি ড্রপ-ডাউন মেনু তৈরি করুন
প্রথমত, আমরা একটি
তৈরি করব এবং
ট্যাগ ব্যবহার করে একটি শিরোনাম যোগ করব। এর ভিতরে একটি ড্রপ-ডাউন মেনু যোগ করতে, আমরা একটি লেবেল ট্যাগ ব্যবহার করব এবং যোগ করব “ একটা দেশ নির্বাচন করুন 'লেবেল হিসাবে। এর পরে, আমরা ব্যবহারকারীর জন্য বিকল্পগুলিকে মনোরম করতে