时间戳

首页 > 解决方案 > 显示属性在 chrome 中不起作用

css - 显示属性在 chrome 中不起作用

问题描述

.action {
  display : -webkit-box;
  display : flex;
  margin-left : auto;
  color : transparent;
  -webkit-transition : .1s;
  transition : .1s;
}

上面的 Css 代码在 IE 中工作。但是在 chrome display:-webkit-box 和 -webkit-transition:.1s 中不起作用。属性在 chrome 控制台中获得罢工。我也想展示一下。

标签： cssgoogle-chromepropertieswebkitdisplay

解决方案

这些被删除是因为重复的属性采用列表中最后一个值：

div {
 color: red;
 color: blue;
 color: green;
}

以上的最终结果将是green

至少它会这样做，只要它承认给出的值是可以理解的：

div {
 font-weight: 400;
 font-weight: 500;
 font-weight: red;
}

这里的 font-weight 将是 500，因为 'red' 不是一个有效值。

这里值得一提的是，-webkit-transitions并且transition被认为是相同的属性。

推荐阅读