純CSS沒有什麼有邊距

-1

<form className="pure-form"> 
    <fieldset> 
     <input ref="email" type="email" placeholder="Email" 
        value={this.state.emailInput} 
        onChange={this.handleChange} 
        /> 
     <input ref="password" type="password" placeholder="Password" 
         value={this.state.passwordInput} 
         onChange={this.handleChange} 
         /> 

     <label htmlFor="remember"> 
      <input ref="remember" id="remember" type="checkbox" /> Remember me? 
     </label> 

     <button onClick={this.handleLoginClick} type="submit" className="pure-button pure-button-primary">Sign in</button> 
    </fieldset> 
</form>

我只是複製粘貼示例形式從Purecss.io。一切如何？他們爲什麼沒有保證金？

來源

2015-10-13 Seneca

我說我的代碼 – Seneca

這是語法而不是'className'。它只是'class' –

您從http://purecss.io/forms/粘貼複製？ '： - /' –

你必須正確添加類：

<form className="pure-form">

應該

<form class="pure-form">

...等等。

<link href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css" rel="stylesheet" /> 
 
<form class="pure-form"> 
 
    <fieldset> 
 
    <input red="email" type="email" placeholder="Email" /> 
 
    <input ref="password" type="password" placeholder="Password" /> 
 

 
    <label htmlFor="remember"> 
 
     <input ref="remember" id="remember" type="checkbox" />Remember me? 
 
    </label> 
 

 
    <button onClick={this.handleLoginClick} type="submit" class="pure-button pure-button-primary">Sign in</button> 
 
    </fieldset> 
 
</form>

來源

2015-10-13 10:03:09

這是由React（JavaScript庫）翻譯成普通的HTML，我想通了。它與React有關。當我將相同的html包含到我的index.html文件中時，沒有問題。這個問題可以被關閉 – Seneca

它不能被「關閉」。儘管（或不），你可以標記答案正確。 –

我標記的答案是正確的並向上投票;） – Seneca

Paulie_D是正確的，如果你想調用的任何HTML標記任何CSS類，那麼你需要按照這樣的

<tag class="classname"></tag> 

    Eg: 

    <form class="pure-form"> 
    form elements goes here 
    </form>

來源

2015-10-13 10:13:05 Allen

純CSS沒有什麼有邊距

回答

相關問題