0

私は次のようにGoogle Fontを使用しています：

<!--google web font-->
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Lato:700,300,400' rel='stylesheet' type='text/css'>

そして、私はこのようなボタンを持っています:

<a href="/accounts/register"><button class="btn btn-success">Create an Account</button></a>

google fontこれをこの特定のボタンだけに含めたくありません。どうやってやるの？

4

5 に答える 5

0

このボタンがネストされている親 ID を見つけて、このようにボタンのフォント タイプを制御します。

#Parent .btn-success {
font-family:arial; /*or whatever default font you want to give it*/
}

ページに複数のボタンがある場合（元の質問でそれを示す必要がある場合）、jqueryを使用して、上で書いたcssをこのような特定のボタンに追加できます

$('#parent .btn-success').eq(0).css('font-family':'arial')

ボタンの位置に応じて、0 を 1、2、3 などに置き換えます。

于 2013-04-03T14:00:10.787 に答える
0

投稿されたコードは、実際には Google フォントを使用しないため、それを行う CSS コードが必要です。適用したい要素にのみフォントが使用されるように変更する必要があります。詳細は、お持ちのコードによって異なります。

一般に、スタイル設定は積極的な方法で行うのが最適です。たとえば、すべての要素にプロパティを設定するのではなく、特定の要素のみにプロパティを設定してから、いくつかの要素の例外を作成する方法を検討します。しかし極端な場合、除外するid=foo要素にような属性を追加:not(#foo)し、ルールのセレクターに追加することができます。:notただし、セレクターは広くサポートされていないため、これは最適ではありません。

于 2013-04-03T15:39:01.000 に答える
-1

ボタンにインライン スタイルを追加します。インライン スタイルは他のすべての CSS スタイルをオーバーライドします。

<button class="btn btn-success" 
style="font-size:11px;">Create an Account</button>
于 2013-04-03T13:52:05.123 に答える