কম্পিউটার টিউটোরিয়াল

CSS দিয়ে Input ফিল্ডের পীলা ব্যাকগ্রাউন্ড রিমুভ করা (WebKit Autofill)

কিছু ব্রাউজার (Chrome, Safari ইত্যাদি) অটোফিল ইনপুট ফিল্ডে অদ্ভুত পীলা ব্যাকগ্রাউন্ড যোগ করে। এটি WebKit-স্পেসিফিক সমস্যা (Firefox সাদা ব্যাকগ্রাউন্ড ব্যবহার করে)।

CSS দিয়ে Input ফিল্ডের পীলা ব্যাকগ্রাউন্ড রিমুভ করা (WebKit Autofill) CSS দিয়ে Input ফিল্ডের পীলা ব্যাকগ্রাউন্ড রিমুভ করা (WebKit Autofill)

সমাধান: WebKit Box Shadow ট্রিক

input:-webkit-autofill { 
  -webkit-box-shadow: inset 0 0 0px 9999px white; 
}

নোট: আপনার ব্র্যান্ড/কালার প্যালেটের সাথে মেলানো যেকোনো কালার ব্যবহার করুন। সাদা বাধ্যতামূলক নয়।

এই কোডটি WebKit ব্রাউজারগুলোতে অটোফিল ইনপুট ফিল্ডে সাদা ব্যাকগ্রাউন্ড দেবে। আপনার ডিজাইন একটু ক্লিন হয়ে গেল! 🎉

  1. CSS ::placeholder দিয়ে টেক্সটবক্সের প্লেসহোল্ডার রঙ পরিবর্তন করা

  2. আউটলুক ক্যালেন্ডারের ব্যাকগ্রাউন্ড রঙ পরিবর্তন করার উপায়

  3. iOS-এ নোটস অ্যাপের ব্যাকগ্রাউন্ড কালার পরিবর্তন করার পদ্ধতি

  4. ফ্রি অনলাইন টুল দিয়ে ছবি থেকে সাদা ব্যাকগ্রাউন্ড মুছে ফেলুন – দ্রুত গাইড