1

Drupal ページに移動することを意図した、独自の div に完全に含まれる単純な js / jQuery のみの Web アプリケーションを開発しました。Drupal ページには、jQuery ライブラリをロードし、javascript ファイルをロードし、コードが作成する動的要素の div を設定する html しかありません。

<html>
<head>
<script ...load jquery from google cdn</script>
<script ...load my javascript</script>
</head>
<body>
<div id='my_div'></div>
</body>
</html>

css を変更する行を除いて、コードは正常に実行されます。Drupal テーマは、すべての入力 div を変更しようとしている奇妙な色に設定します。Drupal テーマ全体を変更することはできません。などの呼び出し

$("input").css("border", "3px solid red");

何も変更しないでください (これらの呼び出しはすべて .ready() 関数内にあります)。

このページだけで特定の Drupal CSS ルールをオーバーライドする方法を教えてくれる Drupal と jQuery に詳しい人はいますか?

4

2 に答える 2

0

!importantDrupal は、jquery で適用された css を無効にするために使用していると思います。その CSS がクラスを使用して適用される場合、jquery を使用removeClass()してそれらのスタイルを削除できます。サンプルコードには、それが役立つかどうかを確認するための詳細がありません。

于 2013-03-22T19:49:47.527 に答える
0 
$("input").css("border", "3px solid red !important");

多分？

update :どうやらそれは不可能です。 .css() を使用して !important を適用するには?

于 2013-03-22T19:42:07.547 に答える