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

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

html_css

nader

@sherafaty

ثبت پرسش جدید

پاسخ‌ها

رایموند

@Raymond3 سال پیش مطرح شد

تخصص: مختصص وردپرس - برنامه نویس لاراول

درود خوبی..
پیوند های زیر:
https://freefrontend.com/css-radio-buttons/
https://codepen.io/search/pens?q=Radio+button

ارسال پاسخ

مهدی مشایخی

@MahdiMashayekhi3 سال پیش مطرح شد

تخصص: برنامه نویس پایتون - ماشین لرنینگ - جنگو

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

<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;
}

ارسال پاسخ

شاید پاسخ شما همین‌جا باشد