2016-07-29 107 views
-2

输入字段,选择下拉列表在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有关,但我对此表示怀疑。

+0

这不是一个明确的问题。有什么问题?这似乎是一个AngularJS问题,因为复选框在每个浏览器中都能正常工作。分享你的JavaScript代码!阅读此:http://stackoverflow.com/help/how-to-ask和此:http://stackoverflow.com/help/mcve –

+0

复选框与Angular工作正常,如果我删除HTML中的CSS og标签。问题很明显。该CSS和HTML isent在IE11中工作,但它在Edge中工作正常。 – AHJ

+0

问题不明确。 *不工作*不是一个明确的说法。请阅读我与你分享的两个链接。如果您不知道计算器中的规则,它们都是**强制**。 –

回答

0

这行你

<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