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

CSS দিয়ে রেঞ্জের বাইরে ভ্যালুযুক্ত <input> এলিমেন্ট স্টাইল করুন


নির্দিষ্ট রেঞ্জের বাইরে ভ্যালুযুক্ত <input> এলিমেন্ট স্টাইল করতে CSS :out-of-range সিলেক্টর ব্যবহার করুন।

উদাহরণ

নিচের কোড রান করে :out-of-range সিলেক্টর ইমপ্লিমেন্ট করুন।

<!DOCTYPE html> <html>   <head>     <style>       input:out-of-range {         border: 3px dashed orange;         background: yellow;       }     </style>   </head>   <body>     <input type = "number" min = "5" max = "10" value = "15">     <p>The style only works for the value entered out of range</p>   </body> </html>

  1. CSS দিয়ে Input Placeholder টেক্সট স্টাইল করা

  2. CSS-এ বৈধ মানসহ সব <input> এলিমেন্ট স্টাইল করা

  3. CSS দিয়ে নির্দিষ্ট মান দিয়ে শুরু হওয়া অ্যাট্রিবিউট মান সহ এলিমেন্ট সিলেক্ট করুন

  4. CSS দিয়ে নির্দিষ্ট শব্দ সমाहিত অ্যাট্রিবিউট মান 지닌 এলিমেন্ট সিলেক্ট করুন