এক লাইন কোডের সাহায্যে আপনার ব্র্যান্ডের রঙকে বিল্ট-ইন HTML ফর্ম ইনপুটগুলিতে আনুন।
প্রকাশিত: ১১ আগস্ট, ২০২১
আজকের HTML ফর্ম এলিমেন্টগুলি কাস্টমাইজ করা কঠিন । মনে হচ্ছে এটি কয়েকটি অথবা কোনও কাস্টম স্টাইল নেই, অথবা ইনপুট স্টাইল রিসেট করে স্ক্র্যাচ থেকে তৈরি করার মধ্যে একটি পছন্দ। স্ক্র্যাচ থেকে তৈরি করা প্রত্যাশার চেয়ে অনেক বেশি কাজ করে। এটি এলিমেন্ট স্টেটগুলির জন্য ভুলে যাওয়া স্টাইল ( অনির্দিষ্ট , আমি আপনার দিকে তাকিয়ে আছি) এবং অন্তর্নির্মিত অ্যাক্সেসিবিলিটি বৈশিষ্ট্যগুলি হারাতে পারে। ব্রাউজার যা সরবরাহ করে তা সম্পূর্ণরূপে পুনরায় তৈরি করা আপনার চেয়ে বেশি কাজ হতে পারে।
accent-color: hotpink;
CSS UI স্পেসিফিকেশন থেকে CSS accent-color এখানে একটি লাইন CSS দিয়ে উপাদানগুলিকে রঙ করার জন্য রয়েছে, যা আপনার ব্র্যান্ডকে উপাদানগুলিতে আনার একটি উপায় প্রদান করে কাস্টমাইজেশন প্রচেষ্টা থেকে আপনাকে বাঁচায়।
accent-color প্রোপার্টিটি color-scheme সাথেও কাজ করে, যা লেখকদের হালকা এবং গাঢ় উভয় উপাদানকেই রঙ করার সুযোগ দেয়। নিম্নলিখিত উদাহরণে ব্যবহারকারীর একটি গাঢ় থিম সক্রিয় রয়েছে, পৃষ্ঠাটি color-scheme: light dark ব্যবহার করে এবং গাঢ় থিমযুক্ত হটপিঙ্ক টিন্টেড কন্ট্রোলের জন্য একই accent-color: hotpink ব্যবহার করে।
সমর্থিত উপাদান
বর্তমানে, শুধুমাত্র চারটি উপাদান accent-color প্রোপার্টির মাধ্যমে রঙিন হবে: চেকবক্স , রেডিও , রেঞ্জ এবং প্রোগ্রেস । প্রতিটি উপাদান https://accent-color.glitch.me এখানে হালকা এবং গাঢ় রঙের স্কিমে প্রিভিউ করা যাবে।