0

「仕様」、私は使用しています

  • jquery1.8.0
  • ライブクエリ
  • Googleサーバー経由のjqueryUI 1.10.0およびjqueryサーバー経由の試行
  • ツイッターのブートストラップ

私はうまく機能する検索候補に jqueryui を使用しています。黒い背景と灰色がかったテキストの暗いテーマを使用しています。サイトにはお問い合わせ（メール）フォームもあります。jquery-ui.js を使用すると、連絡先フォームも薄い灰色になることに気付きました。このお問い合わせフォームは背景色が白 (twitter のブートストラップ) であるため、これは機能せず、テキストが読みにくいです。入力時と次のフィールドに移動した後の両方。は影響を受けません。

jqueryui がフォームに影響を与えるのを防ぐにはどうすればよいですか (これは可能だと思います/そうあるべきだと思います)。style="color: rgb(204, 204, 204);"入力フィールドに以下を追加します。

自分の javascript/jquery を介してこのスタイルをオーバーライドするのはハックのように感じます! これは本当に必要なのだろうか。また、これを試しましたが失敗しました。私は試した：

$('input').removeAttr('style');

彼らはフォームのスタイリングについて良い練習をしていないように感じます! <form class="jquery-ui-form">すべてのフォームをf *するのではなく、フォームが少なくともクラスなどによって制御されないのはなぜですか。

4

1 に答える 1

1

!important次のように、Webサイトでオーバーライドできないcssルールを定義する場合にのみ使用してください。

#input { color: #000 !important; }

つまり、「私のWebサイトでは、入力が＃000以外の色になることはありません」という意味です。このように!important、オプションにすることができます。

それ以外の場合は、cssルールの範囲を自問してください。

  • 1つの入力だけですか？=>を使用し#idて入力をターゲットにするか、jsでスタイルを定義します.css(...)
  • 特定のタグのすべての入力に対して？=>単純に、のような入力を対象とするより具体的なルールを定義します.parent-div-class input { color: ... }。ルールの優先度は、プロパティよりも優先され、input { color: ... }オーバーライドされます。

!important簡単な方法かもしれませんが、最善ではありません。

于 2013-02-11T16:42:11.693 に答える