javascript - 为步进向导缩小时 CSS 样式应用不同

Question

我有两个 plunkers 的 Material 设计向导选择器。一个是缩小版的 css，另一个是扩展版。 两者在步进器点击时的行为不同。 我想知道缩小文件没有采用 .step-wizard .progressbar 类的过渡效果。

尽管代码相似，但请提出此更改的可能原因。一个缩小，另一个扩展。

-webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;

缩小的 CSS plunker:

Minified css-stepper wizard

扩展的 CSS plunker

Expanded css-stepper wizard

Answer 1

步进器点击在两个版本上都能正常工作，唯一不同的是我看到 .progressbar 下的边框不同。

扩展有:

border: 1px solid e5e6e6;

缩小版有:

border:1px solid;