我在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模拟中),因此我很难链接到这里的示例。
答案 0 :(得分:5)
如果有人有兴趣 - 我追查这个问题与-webkit safari的使用有关。
它已被破坏并覆盖我的样式,因为我的html页面上没有更正<!DOCTYPE html>
。
这是因为<script>
标记位于我的html之外且位于<!DOCTYPE html>
声明之上。移动我的html中的<script>
标记解决了这个问题。