1

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

ドキュメントから、Mixin を使用してカスタム カラーを取得することができます。私は SCSS についてあまり知りませんし、それを使わずにやり遂げようとしています。

デフォルトの青ではなく黒のボタンが必要です。.black { ... }ボタンを黒くするCSS クラスを作成することは可能ですか?

4

2 に答える 2

2

はい。_variables.scss で SCSS 変数の値を変更することをお勧めしますが、SCSS がわからない場合は、独自のクラスで css をオーバーライドできます。

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 ファイルのボタン要素に追加します。

上記のコードを参照してください。

于 2013-09-28T13:14:46.287 に答える