0

I'm trying to change my radio button colors while maintaining my bindings. May I ask how abouts I do that?

I tried 2 ways, setting css inline and into a style sheet. Both didn't have an effect.

<div class="col-sm-6">
    <div class="form-group">
        <div >
            <label>@Html.RadioButtonFor(m => m.SelectedGroup, "Red", htmlAttributes: new { @class = "btn-red" }) Number of spots available @Model.Red</label>
        </div>
    </div>
    <div class="form-group">
        <div >
            <label>@Html.RadioButtonFor(m => m.SelectedGroup, "Yellow", new { @style = "color:Yellow;" }) Number of spots available @Model.Yellow</label>
        </div>
    </div>
    <div class="form-group">
        <div >
            <label>@Html.RadioButtonFor( m => m.SelectedGroup, "Green", new { @style = "color:Green;" }) Number of spots available @Model.Green</label>
        </div>
    </div>
</div>

https://codepen.io/anon/pen/vddyax

I'm trying to have it look something like this

enter image description here

Master
  • 2,038
  • 2
  • 27
  • 77

0 Answers0