الإدخال داخل النموذج لتغطية جميع الخلفية

Question

الآن حصلت على ما يلي صفحة

أريد أن يغطي الزر البرتقالي كل الخلفية البيضاء، كما هو الحال هنا:

شكرًا!

Answer 1

يمكنك إزالة padding: .5em من النموذج وما تريد القيام به هو أنني أفترض أن نص حقل الإدخال يتم توسيطه وهو ما يمكنك القيام به عن طريق تغيير ملف padding ل input[type="website"] الميدان وهذه هي النتيجة كمان

للرجوع اليها لقد استخدمت padding مثله :

padding: .4em .3em .3em .7em;

ليس سوى

padding-top: .4em;
padding-right: .3em;
padding-bottom: .3em;
padding-left: .7em;

يطلق عليها خاصية CSS المختصرة، يمكنك الحصول على المزيد من هذه الأشياء هنا

Answer 2

يحتوي النموذج الخاص بك على حشوة 0.5EM عليها (تلك المساحة البيضاء)، وجعل تلك الحشو: 0px؛ومجموعة الخاص بك

http://jsfiddle.net/8zdyq/2/