iOS Safari 更改 <table> 显示:table;显示:块;

iOS Safari change <table> from display: table; to display: block;

我在 iOS 上的 Safari 中遇到 <table> 元素的问题。我想将 table 更改为 display:block;,但我似乎无法将其从 display: table; 更改。我可以在我拥有的 macbook pro 上调试它并检查元素,奇怪的是,在我的另一个站点上我有一个 <table>display: block; 我无法更改它,但是然后我有一个不同的 <table>(我想更改的那个),即 display: table;,我无法使用 display: block; 覆盖样式。我已经尝试过覆盖 css 的正常方法,例如 !important,它似乎应该捕捉到,但在 Safari 的计算选项卡中,它仍然只会显示 display: table;。我知道将 <table> 更改为 display:block; 将解决我的问题,因为我的其他 table 工作正常。

有没有人对 Safari 覆盖样式有任何经验,什么可能会阻止我更改 table 的显示 属性?

不幸的是,由于这个问题只出现在 iOS Safari 中(而不是在 Chrome 仿真中),我很难 link 举个例子。

万一有人感兴趣 - 我追踪到这个问题与 -webkit safari 使用有关。

它被破坏并覆盖了我的样式,因为 <!DOCTYPE html> 在我的 html 页面上设置未更正。

这是由于 <script> 标记位于我的 html 之外和 <!DOCTYPE html> 声明之上。在我的 html 中移动 <script> 标签解决了这个问题。