jquery - 删除从 jQuery UI 创建的内联样式

标签 jquery css jquery-ui

在一个页面上,我使用了 jQuery UI 自动完成功能,它创建了相当烦人的内联样式,例如将生成的 ul 设置为宽度:window.width。这打乱了我的风格,至少对我来说是完全没用的。

除了 "!important"之外,还有其他优雅的方法可以摆脱这些内联样式吗?

编辑: 我建了一点 jsfiddle for my problem . 正如您在输入字符时看到的那样,ul 被设置为具有完整的窗口宽度,这是内联应用的。我什至在那个不起作用的 ul 上尝试了 width: initial!important。 但是,我在 fiddle 中发现,当我加载默认的 jQuery UI 主题时,它看起来不错。 但是在 Theme Roller 中没有天气选项,你是否想要你的 uls 整个窗口宽度。

最佳答案

只需要去掉style属性,然后再添加(如果你需要它为空)

function reset(this)
{
  $(this).removeAttr('style');
  $(this).attr('style','');
}

关于jquery - 删除从 jQuery UI 创建的内联样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37726312/

相关文章:

javascript - 检测控件的 "Class"属性何时更改的任何事件

jquery - 为什么我不能将 jquery-ui 进度条放在固定位置的 div 中?

javascript - 这个 javascript 响应函数有什么作用?

php - 如何忽略来自 WordPress 插件样式表的特定 CSS 代码?

javascript - 如何循环运行 div 的全部内容?

html - bootstrap 3 有两个按钮在同一行对齐

css - 一个简单的 CSS 边距问题

css - 仅使用 CSS 和 HTML 重现 jQuery UI 爆炸动画?

javascript - 使全部展开变成一键折叠

javascript - 移动混合应用程序中的 Jquery Cookie 使用