nader
2 سال پیش توسط nader مطرح شد
2 پاسخ

استایل دهی به radio

سلام امیدوارم حالتون خوب باشه من میخوام به radio buttom هام استایل بدم تو اینترنت هم هر چی میگردم نمیتونم پیدا کنم اگه میشه بگید چجوری میشه استایل داد ؟؟


ثبت پرسش جدید
رایموند
تخصص : مختصص وردپرس - برنامه نویس لار...
@Raymond 2 سال پیش مطرح شد
مهدی مشایخی
تخصص : برنامه نویس پایتون - ماشین لرن...
@MahdiMashayekhi 2 سال پیش مطرح شد
0

سلام
مثال زیر رو نگاه کنید تا متوجه بشید ، خیلی سخت نیست

<div> <input type="radio" id="option1" name="options" value="option1"> <label for="option1">Option 1</label> </div> <div> <input type="radio" id="option2" name="options" value="option2"> <label for="option2">Option 2</label> </div>
div {
  margin: 10px;
}

input[type="radio"] {
  display: none;
}

input[type="radio"] + label {
  cursor: pointer;
  display: inline-block;
  padding: 5px 10px;
  background-color: #eee;
  border-radius: 5px;
}

input[type="radio"]:checked + label {
  background-color: #33b5e5;
}

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

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