آرمین امیری نسب
4 سال پیش توسط آرمین امیری نسب مطرح شد
3 پاسخ

اعمال padding در button

تصویر لاگین

این صفحه لاگین رو دارم میخوام که اندازه دکمه Submit اندازه input ها بشه
مشکل اصلی اینجاست که input ها بعد از width گرفتن میشه باز بهشون padding داد
ولی button ها بعد از width گرفتن دیه نمیشه بهشون padding داد.
کد HTML:

<form method="POST" class="login_form" dir="ltr" action="index.php">
<input type="text" class="login_input" placeholder=" Name" name="username">
<input type="password" class="login_input" placeholder=" Password">
<input type="submit" value="Sign In" class="login_submit">
</form>

کد CSS:

.login_input {
  width: 100%;
  padding: 10px 5px;
  margin: 7.5px 0;
}
.login_submit {
width: 100%;
  padding: 10px 5px;
  margin: 7.5px 0;
}

ثبت پرسش جدید
احسان قربانی
تخصص : PHP ، در حال یادگیری لاراول ،...
@TimeRunner2359 4 سال پیش مطرح شد
0

@arminamirinasab
سلام و وقت بخیر
یک‌بار با debugCSS اسکرین شات بگیرید و بگذارید
این لینک رو بوکمارک کنید و توی صفحه روش کلیک کنید


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 4 سال پیش مطرح شد
0

padding رو از button حذف کنی، هم اندازه میشند..


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 4 سال پیش مطرح شد
0

اگر هم padding رو می‌خواهی ..
میتونی button رو داخل یه div بگذاری که ۱۰px بزرگتر از input ها باشه..
به این ترتیب هم هم اندازه میشند


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام