Question

输入字段，选择下拉列表在IE中停止工作。复选框无法选中，文本字段在纯文本中具有placeholde文本，下拉列表无法激活。

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

复选框示例： 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;
}

我之前发现了一些关于IE问题的文章，但没有明确的解决方案。谁有这个问题的经验？

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

Answer 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>

我不确定，但是你错过了结束标签＆＃34;＆gt;＆＃34;在您的输入中，这可能是导致您的复选框无法正确呈现的原因。

IE输入无法正常工作

1 个答案: