gpt4 book ai didi

css - 没有 SASS 的 zurb foundation 4.0 自定义按钮颜色

转载 作者:太空宇宙 更新时间:2023-11-03 23:54:32 25 4
gpt4 key购买 nike

http://foundation.zurb.com/docs/components/buttons.html

从文档中可以使用 Mixin 获得自定义颜色。我对 SCSS 知之甚少,并且试图在不使用它的情况下度过难关。

我想要黑色按钮而不是默认的蓝色按钮。是否可以创建一些 CSS 类 .black { ... } 来使按钮变黑?

最佳答案

是的。如果您不知道 SCSS,您可以通过自己的类覆盖 css,但建议更改 _variables.scss 中的 SCSS 变量值。

css覆盖的方式是:

例如创建一个新的 css 文件。我的风格.css

然后在html头部之后调用css

<!DOCTYPE html>
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>Foundation 4</title>

<!-- If you are using CSS version, only link these 2 files, you may add app.css to use for your overrides if you like. -->
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/foundation.css" />

<link rel="stylesheet" href="css/mystyle.css">

<script src="js/vendor/custom.modernizr.js"></script>

</head>

<a href="#" class="small button black">.small black colour button</a>
<body>

然后您的 css 将覆盖 foundation.css 类。

将您的 css 类添加到 html 文件中的按钮元素中。

请看上面的代码。

关于css - 没有 SASS 的 zurb foundation 4.0 自定义按钮颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19067035/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com