CSS3 :checked প্রোজন্য

বিবরণ ও ব্যবহার

CSS :checked প্রোজন্য যেকোনো চিহ্নিত <input> বা <option> ইউনিট

এটি <input type="radio">, <input type="checkbox"> এবং <select> ইউনিটের <option> এর জন্যই প্রযোজ্য。

প্রতিমান

উদাহরণ 1

সকল চিহ্নিত <input> ইউনিটকে একটি নগ্না লাল আউটলাইন নির্ধারণ করুন:

input:checked {
  আউটলাইন: 1পিক্সেল সলিড রেড;
}

স্বয়ং প্রয়োগ করুন

উদাহরণ 2

র‍্যাডিও বটন, চেকবক্স এবং অপশনগুলিকে যখন চিহ্নিত হয় তখন ভিন্ন শৈলী নির্ধারণ করুন:

input[type="radio"]:checked {
  বক্স-শ্যাডো: 0 0 5পিক্সেল 3পিক্সেল ব্লু;
}
input[type="checkbox"]:checked {
  বক্স-শ্যাডো: 0 0 5পিক্সেল 3পিক্সেল মারুন;
}
option:checked {
  কালার: ব্লু;
  ব্যাকগ্রাউন্ড-কালার: পিনক;
}

স্বয়ং প্রয়োগ করুন

CSS গ্রামার

:checked {
  স্স ডিক্লেরেশন;
}

টেকনিক্যাল বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা পুরোপুরি সমর্থনকারী অবকল্পটির প্রথম ব্রাউজার সংস্করণটি নির্দেশ করে。