首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用JQ删除/重置外部css样式?

如何使用JQ删除/重置外部css样式?
EN

Stack Overflow用户
提问于 2014-08-09 09:44:30
回答 1查看 643关注 0票数 0

我希望重置、删除或初始化外部css文件中定义的所有css属性。当我在css文件中编辑/添加/删除属性时,我希望解决方案也能工作。

所以解决方案in here不起作用。

例如,$('div').css('width','');不是解决方案,因为它以硬编码的方式清除宽度属性。

另外,像$('div').attr('style','');这样的解决方案不能工作,因为我不使用内联样式,同样,$('div').removeClass('');也不是一个有效的解决方案。任何答案都将不胜感激,谢谢。

您可以在这里浏览代码:http://codepen.io/ertugrulmurat/pen/JEhfe

而且,How to dynamically remove a stylesheet from the current page不是一个解决方案,它的另一个副作用是它删除了所有元素的所有样式,这不是所需要的情况。

EN

Stack Overflow用户

发布于 2014-08-09 10:41:50

只需使用此$('link[rel=stylesheet][href~="external_css_link.css"]').remove();并删除css文件的链接,而您不希望以类似的方式添加该文件。

在本地文件系统( css是其他文件并运行相同的代码)中进行了相同的测试,发现样式被完全删除,并且在在线javascript编辑器jsfiddle或任何其他地方工作时,它的行为完全不同,因为它们内部包含css在页面中,而不包括外部链接,这就是为什么

代码语言:javascript
运行
复制
$('link[rel=stylesheet]').remove();

不在这里工作在您的示例中,它完全删除了样式。

票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25217228

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档