Html 转换后添加到伪元素的CSS宽度和高度

我有一个问题，在我进行CSS转换（AngularJS ng动画方法）后，在一些引导3元素上的“：before”和“：after”中添加了一些宽度和高度

这是一种使用AngularJS route change的方法，这是我在网上看到的一种动画，可以通过幻灯片移动视图

在下面的第一个屏幕中，您可以看到“：before”上有1px的宽度，没有高度

但在我做出以下转变之后：

.slide-left.ng-enter,.slide-left.ng-leave,
.slide-right.ng-enter,
.slide-right.ng-leave {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background: inherit;
  -ms-transition: 120s ease-in-out;
  -webkit-transition: 120s ease-in-out;
  transition:  120s ease-in-out;
}


.slide-left.ng-enter {
  z-index: 101;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

.slide-left.ng-enter.ng-enter-active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.slide-left.ng-leave {
  z-index: 100;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.slide-left.ng-leave.ng-leave-active {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

。。。然后我得到了第二个图像问题。有些东西增加了2倍的宽度和1倍的高度。您可以在“ 当我单击页面中的链接时，它在ng视图上使用ng类/ng动画转换来移动角度路线/模板

有人知道这是从哪里来的吗

找到了。最终

Angular的ng动画模块似乎正在添加

<style type="text/css">@charset "UTF-8";/* more here */
.ng-animate-start{border-spacing:1px 1px;-ms-zoom:1.0001;}/* more here */}</style>

@charset“UTF-8”；/*更多*/
.ng动画开始{边框间距：1px 1px；-ms zoom:1.0001；}/*此处有更多内容*/}

…它添加到引导中的“：before”和“：after”元素中

我只是覆盖CSS文件中.ng animate start的边框间距来解决它

找到了。最终

Angular的ng动画模块似乎正在添加

<style type="text/css">@charset "UTF-8";/* more here */
.ng-animate-start{border-spacing:1px 1px;-ms-zoom:1.0001;}/* more here */}</style>

@charset“UTF-8”；/*更多*/
.ng动画开始{边框间距：1px 1px；-ms zoom:1.0001；}/*此处有更多内容*/}

…它添加到引导中的“：before”和“：after”元素中

我只是覆盖CSS文件中.ng animate start的边框间距来解决它