2010-12-30 21 views
0

を認識されていない私は、手動でクラス名は、CSSスタイル

$("#zip").css({"height":"30px",...}); 
ようにjQueryでそれを追加する場合ジッパーはどんなstyle.butを取得されていない何らかの理由で、フォーム

<li> 
    <input id="zip" name="zipcode" type="submit" 
      class="zip-button" value="Find" tabindex="{counter name=tabindex}"/> 
</li> 

.zip-button{ 
    height:30px; 
    ------} 
.zip-button:focus,.zip-button:hover{------} 

内のコードで、ボタンを提出しています

スタイリングにはとても新しいものがあります。私はそれを理解できませんでした。

+1

それらの '------'? – BoltClock

+0

あなたのスタイルはどこに入れましたか?彼らはちょうどあなたのHTMLのように周りに浮かんでいますか?彼らはCSSファイルですか?あなたのページはCSSファイルにリンクされていますか? CSSは正常に見えますが、CSSがページに正しく読み込まれているかどうかはわかりません。 – Will

+0

@Bolt '----'はそのブロック内のコードを表しています。 @私のスタイリングは外部CSSファイルにあり、ベースページの始めにロードされます。 – stackover

答えて

1

時にはCSSのカスケードが、その場合の考えられる理由です。より高い優先順位を持つもう1つのルールは、定義を上書きすることができます。 FirebugはCSSコードを "デバッグする"ための素晴らしいツールです。 ブラウザがスタイルシートをどのように解釈するかを示します。

+0

私は同意します...ありがとう...私の場合は何か似ています – stackover

1

あなたのCSSはそのようなページに直接ありますか?もしそうなら、それが理由です。インラインスタイル、スタイルタグ、または外部CSSファイルを使用する必要があります。

インライン:

<input style='height:30px;' ... 

スタイルタグ:

<html> 
    <head> 
     <style type='text/css'> 
      .zip-button{ height:30px; } 
     </style> 
    ... 

external file

+0

何らかの理由でCSSに外部ファイルがある "zip-button"は認識されません。他のすべてのスタイリングパーツは正常に動作しています – stackover

0

私たちは時々、元のソースcssの代わりにいくつかのクラスがなくなっているかもしれない(私の場合)ファイルを参照しているかもしれません。これは、欠けている少数のクラスcss.minで...私達はFireBugを使ってこれを見つけることができます...この場合、私たちは参照に戻って参照権を設定する必要があります... [テクニカル用語の使い方に慣れていない初心者です]

関連する問題