〜選擇不是在Android的

在這裏工作是我的HTML〜選擇不是在Android的

<div class="test" onclick="this.querySelector('.rad').checked=true;"> 
    <input type="radio" class="rad" name="rad" /> 
    <div>hello</div> 
</div> 
<div class="test"> 
    <input type="radio" class="rad" name="rad" /> 
    <div>hello1</div> 
</div>

CSS

.test input:checked ~ div { 
    color: #3498DB !important; 
}

這是工作在桌面瀏覽器的罰款，並與用戶代理，但是當我測試它在Android設備上它不管用。經過測試的Android 4.0+版本。有人請告訴我如何解決這個問題？

注：的onclick用來代替ontouchend張貼代碼here

來源

2014-02-26 redV

http://stackoverflow.com/questions/15192674/css-sibling-selector-not-working-in-android – fcalderan

@ Mr.Alien根據您的建議，我已經嘗試過'+'它在Android 4中正常工作+設備。 @Fabrizio該代碼在Android 4+設備上正常工作。我不確定關於2和3 :) – redV

@redV我刪除了因爲我不確定而刪除的答案 –

不知道，因爲我不能測試它，但如果你想，+相鄰選擇做同樣的事情

.test input:checked + div { 
    color: #3498DB !important; 
}

據舉例來說，我沒有看到使用~的任何有效理由，因爲您沒有選擇所有的div元素，然後是input標籤，這只是您的情況。

Demo

另外，想告訴你，這是更好，如果你還可以指定喜歡

.test input[type="radio"]:checked + div { 
    color: #3498DB !important; 
}

來源

2014-02-26 11:46:08

將在幾分鐘內檢查並更新。謝謝回覆。 – redV

根據[mozilla]（https://developer.mozilla.org/en-US/docs/Web/CSS/:checked#Browser_compatibility）android確實支持：checked pseudo class – Danield

任何關於downvote的評論？我真的很想編輯我的答案，如果它是無效的 –

-1

的:checked僞類使用attr=val選擇的屬性值不支持在Android設備。

看一看這裏：http://quirksmode.org/css/selectors/mobile.html

你可以通過body元素僞造動畫克服WebKit的僞類+普通/相鄰兄弟選擇錯誤：選中此previus問題：Webkit bug with `:hover` and multiple adjacent-sibling selectors

這是一個黑客，但它有效的解決方案。

來源

2014-02-26 11:47:46

〜選擇不是在Android的

回答

相關問題