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>
标签解决了这个问题。
我在 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>
标签解决了这个问题。