顯示不正確

我有顯示像普通按鈕的幾個單選按鈕單選按鈕，它們看起來就像這樣：顯示不正確

  <div class="buttoncontainer" style="position:relative; left: 80px;"> 
       <label><input type="radio" name="toggle" checked="checked" class="_today">   <span class="css3button-left">Today</span></label> 
       <label><input type="radio" name="toggle" class="_tomorrow"><span class="css3button">Tomorrow</span></label> 
       <label><input type="radio" name="toggle" class="_weekend"><span class="css3button">This Weekend</span></label> 
       <label><input type="radio" name="toggle" class="_nextmonth"><span class="css3button-right">Next Month</span></label> 
      </div>

我改變按鈕的狀態時，選擇這樣的：

 .buttoncontainer input:checked + span 
    { 
     ... 
    }

這在我測試過的每個瀏覽器中都能正常工作 - IE，FireFox，Chrome，甚至是我的電腦上的Safari，但外觀永遠不會改變：使用Safari在Ipad或Iphone上進行檢查。有沒有人知道爲什麼這些按鈕不適用於ipad？

來源

2012-08-06 Scott Selby

你能告訴我們你想要它看起來像什麼嗎？ – 2012-08-06 15:27:35

我只想：檢查火來改變外觀，我可以發佈所有的CSS，如果你想 – 2012-08-06 15:29:45

請給我們顯示它的截圖在瀏覽器中看起來像在手機上看起來像什麼。 – 2012-08-06 15:31:59

我想你的意思是標籤不可點擊？

由於某些原因，label元素的常見行爲不適用於開箱即用的移動WebKit。

將label { cursor: pointer; }添加到CSS可修復此問題。

來源

2012-08-06 16:59:56 Jona

不，他們是可點擊的，他們的工作，問題是，CSS不會改變：檢查版本的CSS – 2012-08-06 17:02:07

@ScottSelby嗯奇怪的是，這是我嘗試你的代碼片段時遇到的問題（'：checked + span'樣式被正確應用）。你可能應該在你的問題的評論中添加CSS和一些像statet這樣的截圖。 – Jona 2012-08-06 17:25:20

它在我試過的每個瀏覽器中都能正常工作，除了IPad – 2012-08-06 19:07:50

回答

相關問題