IE输入不起作用答案

【问题标题】：IE input not workingIE输入不起作用
【发布时间】：2016-07-29 17:16:32
【问题描述】：

输入字段、选择下拉菜单在 IE 中停止工作。无法选中复选框，文本字段在纯文本中具有占位符文本，无法激活下拉菜单。

如果我点击一个复选框，它不会改变。下拉菜单不会下降，输入类型=文本中的占位符文本是文本框中的纯文本。

复选框示例： HTML

<input type="checkbox" id="optionnewwomen" ng-click="includeNewProfilesListsearch('Kvinde', true)"  ng-model="checkboxwomannewprofilessearch" ng-false-value="0" ng-true-value="1"
<label for="optionnewwomen"></label>

CSS：

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

input[type=radio] + label::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #ffffff;
    border-radius: 8px;
    border: solid 2px #adadad;
}

input[type=checkbox] + label::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-right: 8px;
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 2px #adadad;
}

input[type=radio]:checked + label::before {
    content: "\2022"; /* Bullet */
    color: #21c365;
    border: solid 2px #21c365;
    background-color: #ffffff;
    font-size: 2.5em;
    text-align: center;
    line-height: 13px;
}

input[type=checkbox]:checked + label::before {
    content: "\2714"; /* Tick */
    color: #21c365;
    border: solid 2px #21c365;
    background-color: #ffffff;
    text-align: center;
    line-height: 15px;
}

我在 ::before 中找到了一些关于 IE 问题的文章，但没有明确的解决方案。有没有人遇到过这个问题？

我不知道问题是否与 Angular 有关，但我对此表示怀疑。

【问题讨论】：

这不是一个明确的问题。有什么问题？这似乎是一个 AngularJS 问题，因为复选框在每个浏览器中都能完美运行。分享你的 JavaScript 代码！阅读此：stackoverflow.com/help/how-to-ask 和此：stackoverflow.com/help/mcve
如果我删除 html 中的 css og 标签，则复选框可以与 Angular 配合使用。问题很清楚。 CSS 和 HTML 在 IE11 中无法运行，但在 Edge 中运行良好。
问题不清楚。 不工作 不是一个明确的声明。请阅读我与您分享的两个链接。如果您不了解 stackoverflow 中的规则，这两本书都是必读。
对不起，我是一名数学家和编码类型。不是语法和拼写，尤其是丹麦语以外的其他语言。我还认为 StackOverflow 适合像我这样的人，而不是拼写语法类型。如果是这样，那我就一个人搬家了。
好吧，您的代码甚至可以在 IE 9 中运行，所以...是的。 plnkr.co/edit/9ejoHYWIRkHSFqrlCBt5?p=preview

标签： html angularjs css

【解决方案1】：

你的这一行

<input type="checkbox" id="optionnewwomen" ng-click="includeNewProfilesListsearch('Kvinde', true)"  ng-model="checkboxwomannewprofilessearch" ng-false-value="0" ng-true-value="1"
<label for="optionnewwomen"></label>

我不确定，但似乎是这个拼写错误造成的。

试试改成这个；

<input type="checkbox" id="optionnewwomen" ng-click="includeNewProfilesListsearch('Kvinde', true)"  ng-model="checkboxwomannewprofilessearch" ng-false-value="0" ng-true-value="1">
<label for="optionnewwomen">Label here</label>

我不确定，但是您在输入中缺少结束标签“>”，这可能是您的复选框未正确呈现的原因。

【讨论】：

这是一个复制粘贴错误。它仍然可以在 IE11 中工作