الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> input { box-sizing: border-box; width: 100%; padding: 10px 15px; margin-top: 8px; margin-bottom: 20px; border-radius: 4px; outline: none; border: 2px solid darkgray; transition: 0.4s; } input:focus { border-color: black; background: beige; } </style> </head> <body> <h2>Set custom properties on focus</h2> <form> <label for="uname">Username</label> <input type="text" id="uname" placeholder="Enter Username"> </form> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود