javascript - 将 css "display:none"值替换为“显示 :flex using js

Question

我正在尝试使用 js 属性 .css() 将 div 上定义的 css 值“display:none”替换为“display:flex”。这样做时，Ipad 上的 safari 会忽略 js 指令(我使用前缀来实现跨浏览器兼容性 + 尝试使用 css!重要)，而是应用“display:block”，这是用户代理样式的默认值(我也有一个 reset.css)......它最终没有给出我正在寻找的东西。但是，桌面浏览器不会出现此问题。请问有什么技巧可以覆盖 Ipad 上的默认值吗？

Answer 1

尝试如下创建一个 CSS 类

.temp{
display:flex!important;
}

使用 jquery 中的 addClass 函数将该类动态添加到元素

$(selector).addClass('temp');