複選框將不會檢查IE8

我找不到在IE8中檢查複選框的方法。它基於Google表單，我重複使用相同的代碼來輕鬆製作答卷。最重要的是，答案不會發送。複選框將不會檢查IE8

我使用此代碼

<li class="ss-choice-item"> 
<label> 
<span class="ss-choice-item-control goog-inline-block"> 
<input type="checkbox" name="entry.637692828" value="Facebook" id="group_637692828_2" role="checkbox" class="ss-q-checkbox"> 
<label for="group_637692828_2"></label> 
</span> 
<span class="ss-choice-label">Facebook</span> 
</label> 
</li>

這裏是CSS，我想自定義的按鈕，它的作品真的罰款，其他所有瀏覽器。

.ss-q-checkbox { 
    display: none; 
} 
.ss-q-checkbox + label { 
    background-color: #fafafa; 
    border: 1px solid #cacece; 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); 
    padding: 9px; 
    border-radius: 3px; 
    display: inline-block; 
    position: relative; 
    margin-right: 4px; 
} 
.ss-q-checkbox + label:active, .ss-q-checkbox:checked + label:active { 
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1); 
} 
.ss-q-checkbox:checked + label { 
    background-color: #e9ecee; 
    border: 1px solid #adb8c0; 
    color: #f87000; 
} 
.ss-q-checkbox:checked + label:after { 
    content:'\2714'; 
    font-size: 14px; 
    position: absolute; 
    top: 0px; 
    left: 3px; 
    color: #f87000; 
}

有人可以有解決辦法嗎？謝謝:)

來源

2014-01-31 Moreno

解決方案是什麼？什麼不起作用？ – Alexander

關閉您的輸入標記。看到這個：http://jsfiddle.net/KwHTk/ –

@亞歷山大認爲很明顯，他問爲什麼在IE8中單擊時不勾選複選框 – ediblecode

對IE8的輸入不能使用display:none（或visibility:hidden），因爲它會將輸入視爲不存在。而不是使用display來隱藏它，請嘗試以下操作：

.ss-q-checkbox { 
    position:fixed; left:100%; top:0; 
}

來源

2014-01-31 11:51:31 Pete

謝謝你的回答。我有希望，但它仍然無法工作 – Moreno

@Moreno它可能是因爲你有嵌套標籤 - 這是無效的HTML，也會發生什麼，如果你從複選框中刪除所有的CSS？它工作嗎？ – Pete

是的，當我刪除CSS時它正在工作。我認爲我必須忘記我們的老朋友的自定義樣式ie8 – Moreno

複選框將不會檢查IE8

回答

相關問題