Php Magento2:css在管理中看起来是错误的

Php Magento2:css在管理中看起来是错误的,php,magento2,Php,Magento2,基本上,我建立了一个新的Magento2实例,虽然花了我一段时间,但它现在大部分时间都工作得很好。但有一个问题我就是想不通,那就是管理界面中有一个奇怪的CSS问题。编辑表单如下所示: 问题似乎在于图例标记,实际上表单开头有一个字段集图例: <fieldset class="fieldset admin__fieldset fieldset-wide" id="brand_base_fieldset"> <legend class=&

基本上,我建立了一个新的Magento2实例,虽然花了我一段时间,但它现在大部分时间都工作得很好。但有一个问题我就是想不通,那就是管理界面中有一个奇怪的CSS问题。编辑表单如下所示:

问题似乎在于图例标记,实际上表单开头有一个字段集图例:

<fieldset class="fieldset admin__fieldset fieldset-wide" id="brand_base_fieldset">
  <legend class="admin__legend legend">
    <span>General Information</span>
  </legend><br>
  ...
</fieldset>

一般资料

...
但由于某些原因,文本是不可见的,这似乎是该表单看起来如此怪异的原因。是否有其他人遇到此问题并找到了解决方案?css文件都正确包含,控制台中没有错误


谢谢你的帮助

尝试清除magento管理面板中的所有缓存并检查。
设置->缓存管理。

尝试清除magento管理面板中的所有缓存并检查。
设置->缓存管理。

这是webkit浏览器中图例元素的已知问题。图例元素本身没有干净的解决方法,但是可以将边距添加到图例后面的第一个元素

此外,您必须在该元素上显式设置
-webkit margin collapse:separate
,以使其正常工作。尝试使用以下方法:

legend + * {
  -webkit-margin-top-collapse: separate;
  margin-top: 10px;
}

这是webkit浏览器中图例元素的一个已知问题。图例元素本身没有干净的解决方法,但是可以将边距添加到图例后面的第一个元素

此外,您必须在该元素上显式设置
-webkit margin collapse:separate
,以使其正常工作。尝试使用以下方法:

legend + * {
  -webkit-margin-top-collapse: separate;
  margin-top: 10px;
}

我反复刷新了所有缓存,在缓存管理中所有缓存当前都被禁用-因此我猜这不是缓存问题我反复刷新了所有缓存,在缓存管理中所有缓存当前都被禁用-因此我猜这不是缓存问题