Question

我用YUI Skin Builder创建了一个简单的CSS，但是，当我尝试在我的MVC项目中使用它时，颜色系统不正确

我的皮肤是：Skin，指定的按钮颜色是红色，但是，我只是得到一个灰色或蓝色按钮： enter image description here

我的cshtml代码：

@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta name="viewport" content="width=device-width" />
    <title>UniFlex</title>
    <link href="@Url.Content("~/css/pure/pure-min.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/pure-skin-min.css")" rel="stylesheet" />
</head>
<body>
    <div style="margin-top: 60px;margin-left:auto; margin-right: auto;width:330px;">
        <img src="@Url.Content("~/Imagens/logo.png")">
    </div>

    <div style="width:500px; margin-right:auto; margin-left:auto;">
        <form class="pure-form pure-form-aligned">
            <fieldset>
                <div class="pure-control-group">
                    <label for="name">Usuario:</label>
                    <input id="name" type="text" placeholder="Username">
                </div>

                <div class="pure-control-group">
                    <label for="password">Senha:</label>
                    <input id="password" type="password" placeholder="Password">
                </div>
                <button class="pure-button pure-button-primary">A Pure Button</button>
            </fieldset>
        </form>
    </div>
</body>
</html>

有什么问题？

Answer 1

好的，我忘了将css名称放在正文中

<body class="pure-skin-mine">



<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta name="viewport" content="width=device-width" />
    <title>UniFlex - Bradesco</title>
    <link href="@Url.Content("~/css/pure/pure-min.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/pure-skin-mine.css")" rel="stylesheet" />
</head>
<body class="pure-skin-mine">
    <div style="margin-top: 60px;margin-left:auto; margin-right: auto;width:330px;">
        <img src="@Url.Content("~/Imagens/bradesco-logo.png")">
    </div>
...

现在它的工作非常好！

YUI和Purecss按钮颜色

1 个答案: