嵌入在 Drupal 页面中的 jQuery 代码已覆盖其 css

标签 jquery css drupal

我开发了一个简单的 js/jQuery only web 应用程序,它完全包含在它自己的 div 中,旨在进入 Drupal 页面。 Drupal 页面中只有 html,用于加载 jQuery 库、加载我的 javascript 文件,并为我的代码创建的动态元素设置 div。

<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 和 jQuery 的人可以告诉我如何仅在此页面上覆盖某些 Drupal CSS 规则?

最佳答案

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

也许吧?

更新:显然这是不可能的。 How to apply !important using .css()?

关于嵌入在 Drupal 页面中的 jQuery 代码已覆盖其 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15578558/

相关文章:

drupal - 未调用 hook_user 进行 'login' 操作

php - drupal 可重用值

javascript - 如何在可过滤的投资组合链接中使用特殊字符?

javascript在一段时间后启用禁用的文本框

html - 子表和父表的边框相同

html - 使用 Bootstrap 在右侧有一个空白区域并在右下角有重复图像

html - 为什么设置背景时我的 div.col 会扩展到 110%?

browser - 在浏览器上禁用缓存而不在 Varnish 上禁用它

jquery - 同时执行多个动画功能

jquery - 使用 jQuery 加载内容后如何重置 div?