3

サイト:

oldfashionedgoods.com

私は自分のサイトのスプラッシュ ページを作成するために SquareSpace を使用しています。

送信フィールドにメールを入力すると、ボックスの上のテキストに使用しているのと同じように、フォント Cutive Mono が使用されるようにしようとしています。

これまでのところ、私はこれを持っています:

input[type=text] {
color: #cc5723;
font-family: cutive mono;}

私はそれを琥珀色にしたくありませんが、正しいアイテムで作業していることを確認するために色をいじっていました. 入力するとテキストの色が変わりますが、フォントは変わりません。ここで何が欠けていますか?

私は完全な初心者ですので、これがばかげた質問であれば申し訳ありません! 私はすでにオンラインでどこでも見ましたが、何も機能していないようです。ありがとう!

4

4 に答える 4

1

別の CSS スタイルによってオーバーライドされていると思われます。使用してみてください:

input[type=text] {
color: #cc5723;
font-family: cutive mono !important;}

それが機能する場合は、CSS のどこかでオーバーライドされています。

注:!importantテストにのみ使用してください。それは解決策ではありません。

ここで基本的な例を試しました: http://jsfiddle.net/n4S3s/これはうまくいくようです。

于 2013-03-22T17:05:11.900 に答える
0

うん。important!動作します。よくわからなかったのですが、こちらです。

デモ

于 2013-03-22T17:05:36.013 に答える
0

あなたの他のスタイルがこれよりも優先されます。使用する

font-family: cutive mono !important;

テストする。

于 2013-03-22T17:02:33.993 に答える
0

他の答えは正しいです。CSS の他のスタイルがこのスタイルをオーバーライドしています。!importantスタイルを強制するために使用するのが好きかどうかはわかりません。それは最後の手段と考えています。しかし、テストには適しています。

しかし、もっと重要なことは、自分でこれを理解する方法を知りたいですか? Chrome (または任意のブラウザー) で開発者ツールを使用します。入力要素を右クリックして、[要素の検査] を選択するだけです。次に、右下の [スタイル] パネルを見ると、この要素に有効なスタイルと、それらがどの CSS ルールに由来するかを確認できます。スタイルを一時的にオフにしたり、スタイルを編集したりすることもできます。

スタック オーバーフローは質問への回答を得るための迅速な方法ですが、開発者ツールの方がはるかに高速です。:-)

于 2013-03-22T17:10:35.427 に答える