c# - 禁用单选按钮周围的灰色方块

Question

IE 上的按钮我使用引导程序在 ASP.NET 中创建了单选按钮。这些按钮应该被禁用，这在 chrome 中可以正常工作，但在 Internet Explorer 中，它会在按钮周围创建一个灰色方块。我已经能够通过使用 div 禁用标签包装输入标签来在 IE 上将其删除。但是，这在 chrome 中不起作用。所以我不能让一个工作而不搞乱另一个。我包含的代码是适用于 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

标签： c#htmlcssasp.net-mvcbootstrap-4

Answer 1

问题在于CSS。

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

删除它，它的工作原理。

谢谢！