iOS Safari从display:table更改;显示:块;

时间:2017-01-12 17:05:10

标签: ios safari html-table mobile-safari css-tables

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

有没有人对Safari重写样式有任何经验,可能会阻止我从更改表格的显示属性?

不幸的是,由于问题只发生在iOS Safari中(不在Chrome模拟中),因此我很难链接到这里的示例。

1 个答案:

答案 0 :(得分:5)

如果有人有兴趣 - 我追查这个问题与-webkit safari的使用有关。

它已被破坏并覆盖我的样式,因为我的html页面上没有更正<!DOCTYPE html>

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