Question

我有以下html：

<head>
  <link href="http://yui.yahooapis.com/pure/0.3.0/base-min.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form action="/item" class="pure-form pure-form-stacked" method="POST">
        <fieldset>
            <label for="item">Name of item</label>
            <input id="item" name="item" type="text" />
            <label for="desc">Description</label>
            <input id="desc" name="desc" type="text" />
            <input type="submit" value="Add" />
        </fieldset>
    </form>
</body>

这不会像http://purecss.io/forms/中的示例那样呈现（Stacked form），但更像是内联形式（并且不是很好）。我的HTML有什么问题吗？

Answer 1

您不包括纯格式的CSS。

添加

<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">

到你的头上。

http://jsfiddle.net/jaap/tFAWe/

（我在按钮上添加了按钮类，在字段集中添加了一个图例节点）。

我的html表单和纯css有什么问题？

1 个答案: