element Ui 走马灯箭头样式修改

在开发中,在使用组件库element Ui时,有时候需要修改左右切换箭头的样式,例如箭头的大小、位置、颜色,修改代码如下:

//调整走马灯箭头-左箭头
::v-deep .el-carousel__arrow--left{
  top: 70px;
  left: -13px;
  font-size: 15px;
  color: #02E9FF;
}

//右箭头
::v-deep .el-carousel__arrow--right{
  top: 70px;
  right: -13px;
  font-size: 15px;
  color: #02E9FF;
}

你可能感兴趣的:(前端UI组件,vue.js,前端,elementui)