Html 为什么用户代理样式表会覆盖Safari 7.0.0中的CSS样式表
我们有一个登录页，除了Safari 7.0.0之外，它在所有浏览器中都非常出色。我们添加了一个id=“counter”的div，该div设置为“display:flex；”，除了Safari 7.0.0（在Mac上）之外，其他浏览器都正确应用了该样式。在Safari 7.0.0中，该CSS样式被应用“display:block；”的“div”的用户代理样式表覆盖。我们已经尝试了所有我们能想到的方法来解决这个问题，例如确保我们使用了正确的doctype，在有问题的CSS样式中添加“！important”，甚至添加内联样式，但都没有用！！这个问题只发生在我雇主的电脑上，任何人能给我们的任何帮助都将不胜感激Html 为什么用户代理样式表会覆盖Safari 7.0.0中的CSS样式表,html,css,safari,user-agent,Html,Css,Safari,User Agent,我们有一个登录页，除了Safari 7.0.0之外，它在所有浏览器中都非常出色。我们添加了一个id=“counter”的div，该div设置为“display:flex；”，除了Safari 7.0.0（在Mac上）之外，其他浏览器都正确应用了该样式。在Safari 7.0.0中，该CSS样式被应用“display:block；”的“div”的用户代理样式表覆盖。我们已经尝试了所有我们能想到的方法来解决这个问题，例如确保我们使用了正确的doctype，在有问题的CSS样式中添加“！importa
#HTML
<div id="counter" class="center-block text-center counter-wrapper">
<div class="card">
<div class="time">
<span id="days"></span>
</div>
<p>Days</p>
</div>
<div class="card">
<div class="time">
<span id="hours"></span>
</div>
<p>Hours</p>
</div>
<div class="card">
<div class="time">
<span id="minutes"></span>
</div>
<p>
<span class="hidden-xxs-down">Minutes</span>
<span class="hidden-xxs-up">Min</span>
</p>
</div>
<div class="card">
<div class="time">
<span id="seconds"></span>
</div>
<p>
<span class="hidden-xxs-down">Seconds</span>
<span class="hidden-xxs-up">Secs</span>
</p>
</div>
<div class="card">
<div class="time">
<span id="milliseconds"></span>
</div>
<p>
<span class="hidden-xxs-down">Millisec</span>
<span class="hidden-xxs-up">Msec</span>
</p>
</div>
</div> <!-- End Counter -->
#CSS
div#counter .counter-wrapper{
display: flex !important;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
width: 85%;
margin: 0 auto;
-webkit-display: flex;
-webkit-flex-direction: row;
}
#HTML
日子
小时数
会议记录
分钟
秒
秒
毫秒
毫秒
#CSS
div#计数器。计数器包装器{
显示：flex！重要；
证明内容：之间的空间；
弯曲方向：行；
柔性包装：包装；
宽度：85%；
保证金：0自动；
-webkit显示：flex；
-webkit柔性方向：行；
}