在模式窗口中顯示單選按鈕

Question

我想要設計一個使用HTML5和CSS3的登錄和註冊頁面。我提到這個教程是一樣的。 http://tympanus.net/codrops/2012/03/27/login-and-registration-form-with-html5-and-css3/

但我無法在註冊表單中添加單選按鈕。每當我嘗試這樣做時，我會得到一個長方形的文本框，而不是單選按鈕。不過那個長框是互斥的。

我可以做些什麼添加單選按鈕。

Answer 1

假設你遵循的教程，正是因爲它是，那麼我想你的問題是在CSS的部分，因爲他們在那裏有#wrapper input:not([type="checkbox"])它適用的規則對所有input元素，除了複選框，機內#wrapper樣式表。如果您想添加單選按鈕，您可以將此部分更改爲：

#wrapper input:not([type="checkbox"]):not([type="radio"]) { 
    ... 
}