আপনি কি ভেবে দেখেছেন কেন কিছু ব্রাউজার কিছু ওয়েবসাইটে অটোফিল ইনপুট ক্ষেত্রগুলিতে একটি জঘন্য হলুদ পটভূমির রঙ যুক্ত করে? কেন তারা এটা করে তা আমি বলতে পারব না, তবে আমি আপনাকে বলব কীভাবে এই ব্লাসফেমি থেকে দ্রুত মুক্তি পাবেন।
আপনি এগিয়ে যাওয়ার আগে নিশ্চিত করুন যে সেখানে কোন শিশু উপস্থিত নেই৷
কেন এটি একটি সমস্যা"? ঠিক আছে, এটা নাও হতে পারে, যদি কোনো কারণেই হোক না কেন আপনার ডিজাইনের রঙের প্যালেট একটি ছোপানো হলুদের সাথে ভাল যায়।
যাইহোক, এটি একটি ওয়েবকিট (Chrome, Safari এবং অন্যান্য অনেক ব্রাউজার) নির্দিষ্ট সমস্যা। ফায়ারফক্স একটি সাদা ব্যাকগ্রাউন্ড কালার ব্যবহার করে।
নিম্নোক্ত CSS কোডটি ওয়েবকিট ব্রাউজারে স্বয়ংক্রিয়ভাবে ইনপুট ফিল্ডে একটি সাদা পটভূমির রঙ যোগ করবে:
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0px 9999px white;
}
দ্রষ্টব্য:আপনার অবশ্যই আপনার ব্র্যান্ড/রঙ প্যালেটের সাথে সারিবদ্ধ ইনপুটগুলিতে যে কোনও রঙ ব্যবহার করা উচিত। আমি পরামর্শ দিচ্ছি না যে এটি উচিত সাদা হও।
পরনিন্দার জয় হয়েছে। আপনার নকশা শুধু একটু পরিষ্কার হয়েছে.