2011-02-07 5 views
34

で最大幅の値を上書きするために、私はこのスタイルでCSSファイルを持っている:私はそのCSSファイルを変更することなく、最大幅を増やしたかったCSS:どのように大きな(より制限の少ない)値

.filefield-element .widget-edit {max-width: 70%;} 

を、私はこのスタイルでカスタムCSSファイルを作成:「HTML /スタイル」ペインで

.filefield-element .widget-edit {max-width: 99%;} 

を、私はスタイルが正しい順序で表示されていることを参照してください。

.filefield-element .widget-edit { 
    max-width: 99%; 
} 

.filefield-element .widget-edit { 
    float: left; 
    max-width: 70%; 
} 

ただし、「max-width:99%」は「max-width:70%」を上書きしません。より限定的でない値(99%)が最初に来る場合でさえ、より限定的な値(70%)が使用されるように思われる。

max-widthの値をより大きな(制限の少ない)値で上書きする方法はありますか?

答えて

92

あなたは、任意の最大幅を継承クリアする...

.foo{ max-width:none; } 

で(解除)最大幅を上書きすることができます。

+0

'' width:auto''ですが、 '' max-width:none''はw3cと思っていましたか、誰かがこれを決めたのですか? – OZZIE

+3

@OZZIE、 'max-width'は" nullable "です:あなたはどちらかを持っているか、そうではありません。要素には常に「幅」がありますが、これは明示的でも明示的でなくてもかまいません。 'auto'は暗黙的な幅に明示的に戻ることができますが、幅はまだ存在します。 – harpo

2

これは具体的な問題です。 http://htmldog.com/guides/cssadvanced/specificity/を見てください。

基本的に、他のものより具体的にする必要があります。 高い特異性で!important、またはセレクタを使用してみてください.filefield-element .widget-edit前に含む要素を入れて、それが

+0

提案していただきありがとうございます。まだ運がありません。私は ".filefield-element .widget-edit"を ".form-item .filefield-element .widget-edit"に変更しようとしました。 – moondog

+0

私はこれが古いことを知っていますが、私は以下を追加すると考えました。あなたが見ると、彼は "html/styles"枠でそれを見ていたと言います。ほとんどのインスペクタのスタイルペインには、最も優先度の高い、最も高い特異性のルールが最初に表示されます。だから、特異性に問題はなかった。 – John

8

を上書きされます。

+0

+1、これは機能しています。 – jolt

+0

提案していただきありがとうございます。私は両方の方法を試しました - 重要なものを追加し、より特異性の高いセレクターを作成する - しかしそれでも運はありません。私が試したスタイルは次のとおりです。div.form-item .filefield-element .widget-edit { max-width:99%!important; } – moondog

+0

明確にするために、私は問題が "最大幅"に固有であると考えます。より制限の少ない最大幅が優先されていても、より制限的な最大幅が(明らかに)使用されます。 – moondog

2

JavaScriptを使用してmax-widthnoneに設定してから、新しい値を再割り当てしてください。

関連する問題