CSS无法在Mozilla Firefox中运行

Question

在我的PHP页面中，我已将CSS应用于<div>。 CSS在Chrome中工作正常，但是当我在Firefox中运行我的代码时，它就不会应用了。

＆＃13;

＆＃13;

.due-money {
  background-color: #09C;
  color: white;
  width: 20px;
  border-radius: 8px;
  text-align: center;
  padding: 1px 2px;
  margin-left: 10px;
}

＆＃13;

<div class="due-money">
  <?=$al_data7['data'][$j]['money']?>
</div>

＆＃13;

＆＃13;

＆＃13;

火狐

铬

Answer 1

不同的浏览器使用不同的CSS核心并进行不同的解释（要么是唯一的，这只是标准的标准），所以你必须考虑所有的浏览器，如此

.due-money
{
    background-color:#09C;
    color:white;
    width:20px;
    -moz-border-radius: 8px; /* Firefox */
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    text-align:center;
    padding:1px 2px;
    margin-left:10px;
}

所有浏览器的详细信息均为found here

Answer 2

你的问题很可能不是来自这段代码。 尝试调试周围的元素。如果您使用float将元素放在同一行上，则应确保在换行时还有一个清除元素。

如果您将圆形边框元素视为独立，它也适用于Firefox，至少在我正在使用的版本上（我在Ubuntu上使用的是28.0版）。了解您正在使用的Firefox版本以及操作系统，也可以帮助其他人帮助您。

如果您没有使用清除元素，这就是我使用的。

HTML：

<div class="clear"> </div>

css：

.clear { clear: both; margin: 0; padding: 0; height: 0; line-height: 0; font-size: 0; }

如果这仍然无法解决您的问题，请继续调试周围的元素样式，因为可能还存在导致此问题的继承案例。

*也许您可以使用“朋友报告”部分的代码更新您的帖子。