ビューに id="Email" のテキスト ボックスがあり、ID をそのままにしておく必要があります。ただし、css ファイルに #Email フィールドがあり、テキスト ボックスはそのフィールドのスタイルを取得します。そのスタイルを無視するにはどうすればよいですか?
8 に答える
#Email
必要な場所で CSSをグループ化できますか? たとえば、何かまたは何か#Email
の中に入る必要があるかもしれません。.article
次のような CSS を使用する代わりに:
#Email {background: #ccc;}
次のように書くと考えることができます:
.article #Email, p #Email {background: #ccc;}
あるいは、この方法で行うこともできます。input
withのスタイルを設定したくないことがわかっているので#Email
、CSS を記述できます。
input#Email {background: none;}
上記のグローバル スタイルをリセットします。
お役に立てれば!:)
'style=""' 属性 (テキスト ボックスの明示的なスタイル) を定義し、配信されたスタイルを手動で上書きすることができます。しかし、すべてのスタイルをグローバルに「否定」することはできません。
<textbox id="email" style="...">
...
</textbox>
CSS 設定を無視することはできません。何らかの方法でそれをオーバーライドする必要があります。つまり、スタイル設定が存在しない場合にブラウザが行うことをブラウザに指示することはできませんが、要素を自分の方法で表示するようブラウザに指示することはできます。
複数のテキスト入力フィールドがあり、そのうちの 1 つが何らかの CSS ルールの影響を受ける場合、通常はすべてのテキスト入力フィールドのスタイルを均一に設定するのが最善です (必ずしも同じである必要はありません。少なくとも幅は使いやすさを向上させるために変更される可能性があるためです)。 )。ただし、特定性の高い id セレクターを使用する CSS ルールがあるため、ルールがその要素にも適用されるように、それを考慮する必要があります。例えば:
input, input#Email {
font: 100% Calibri, sans-serif;
color: black;
background: white;
}
ID を変更したり、適用されたスタイルを上書きしたりしない限り、それはできません。これが CSSの機能です。スタイルシートでこのようなあいまいさを避けるようにしてください。
プロパティを上書きしたい場合。このように書く
input#Email{
color:red;
}
テキストボックスEmail
のIDを他のIDに変更することをお勧めします
オプションは次のとおりです。
- CSS を変更します。明示的に ID を指しているので、そうなると思われます。ID バインド スタイルは私の好みではありません。通常のスタイルにして、マークアップで class="email" を使用したり、作成したりできるようにすることを検討してください。より具体的であるため、ブランケット ID バインディングではありません
- マークアップの ID を変更します (これを行うことはできないことを示しています)。
- jQueryを使用してクラスを削除する、乱雑でハック
css ファイルで、次#email
の場合に存在しない前に親要素 ID を書き込んでみてください。<input id="email">