2

送信ボタンの値に css を追加しようとしています。唯一の問題は、特定の属性をリッスンしないことです。フォントのサイズを変更しても問題なく動作しますが、作成しようとしてfont-weight: 300;いますが、テキストは変更されません。これを機能させる方法はありますか？

ここにHTMLがあります：はい、送信ボタンは意図的に外側にありますcontainer。

<section id="contact">
    <div class="container">
        <form id="contact-form" action="contact.php" method="post" class="contact">
            <input id="sendername" type="text" name="name" placeholder="Your Name" />
            <input id="senderemail" type="email" name="email" placeholder="Email Address" />
            <textarea id="sendermessage" name="message" placeholder="Message"></textarea>
    </div>
        <input id="submit" type="submit" value="Send." />
        </form>
</section>

これがcssです。SA​​SSを使用してコンパイルされています。

#contact {
    min-height: 100px;
    background-color: $bgDark;
    @extend .master-padding;

    #contact-form {
        margin: 0;
        padding: 0;
    }

    #submit {
        display: block;
        width: 100%;
        font-size: 40px;
        border: none;
        color: $colorLight;
        font-weight: 300;
        @extend .action;

        &:hover {
            color: $colorDark;
        }
    }
}
4

4 に答える 4

3

明確にするために、私が受け入れた答えは部分的に正しいものでした。font-family: Open Sans他の部分は、cssに追加する必要があったことです。奇妙なことに、css の html タグで既に指定しています。なぜもう一度やり直さなければならなかったのかわかりません。

于 2013-07-08T01:41:25.517 に答える
2

を指定しない場合はfont-weight、400 と見なされます。

ライト バリアントを提供するフォントには、通常、100/200 が必要です (仕様ではなく経験による数値)。太字は通常 600 で、極太字は通常 900 です。

数字の代わりに、 (400)、(700)、またはを含むfont-weight仕様の単語の 1 つを使用してみてください。未指定の場合以下となりますとご指定の場合は軽量または軽量扱いとなります。 normalboldlighterlighterfont-weight500100

または、100利用可能なファミリーの中で最も明るいフォントの値を使用します。

制限:

ユーザーが の明るいフォントを持っていない場合は、font-familyデフォルトで最も明るいフォントになります (通常は と同じnormalです)。

于 2013-07-08T01:33:48.740 に答える
0

これはあなたが望むものですか？デモ

#submit {
    font: 300 40px Arial, sans-serif;
    width: 100%;
    display: block;
    text-align: center;
    border: none;
}
于 2013-07-08T01:26:38.970 に答える
0

これを指定した色の隣に追加するだけです!重要

.button
{
 color:#000 !important; 
  }
于 2013-11-09T21:34:04.833 に答える