CODEWITHSUNDEEP
c#htmlcssasp.net-mvcbootstrap-4
UniJur
UniJur

Reputation: 1

Gray square around disabled radio button

buttons on IEI have created radio buttons in ASP.NET using bootstrap. These buttons are supposed to be disabled which works fine in chrome but in Internet explorer, it creates a gray square around the buttons. I've been able to get it removed on IE by wrapping the input tag with a div disabled tag. However, this does not work in chrome. So I can't get one to work without messing up the other. The code I have included is the one that works with chrome. 

input[disabled] {
    cursor: not-allowed;
    background-color: #cfcfcf;
}

input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
}
<div class="form-check">
       <input disabled="disabled" checked="checked" class="form-check-input" id="Male" name="GenderSelection" type="radio" value="Y">
       </div>
        <label for="Male">Male</label>

]2

Upvotes: 0

Views: 448

Answers (1)

nkahootzShawn
nkahootzShawn

Reputation: 165

the issue is with the css. 

input[disabled] {background-color:#cfcfcf;}

remove that and it works.

Thanks!

Upvotes: 1

Related Questions