IE输入不起作用
问题描述:
输入字段,选择下拉列表在IE中停止工作。 复选框不能被选中,文本字段以明文形式显示placeholde文本,下拉列表不能被激活。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;
}
我发现关于IE的问题::之前,却没有明确的解决这一问题的文章。任何人有这个问题的经验?
我不知道问题是否与Angular有关,但我对此表示怀疑。
答
这行你
<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>
我不知道,但你在你的输入缺少的结束标记“>”这可能为什么你的复选框未正确呈现的原因。
+0
这是一个复制粘贴错误。它仍然在IE11中工作 – AHJ
这不是一个明确的问题。有什么问题?这似乎是一个AngularJS问题,因为复选框在每个浏览器中都能正常工作。分享你的JavaScript代码!阅读此:http://stackoverflow.com/help/how-to-ask和此:http://stackoverflow.com/help/mcve –
复选框与Angular工作正常,如果我删除HTML中的CSS og标签。问题很明显。该CSS和HTML isent在IE11中工作,但它在Edge中工作正常。 – AHJ
问题不明确。 *不工作*不是一个明确的说法。请阅读我与你分享的两个链接。如果您不知道计算器中的规则,它们都是**强制**。 –