elementUI内el-date-picker样式无法穿透的问题

项目需求需要选择 年-月-日 时:分 ，根据el-date-picker属性写出

 <el-date-picker
     @change="dateChange"
     v-model="layerControFrom.time"
     popper-class="popperClass"
     type="datetimerange"
     format="yyyy-MM-dd HH:mm"
     value-format="yyyy-MM-dd HH:mm"
     range-separator="至"
     start-placeholder="开始日期"
     end-placeholder="结束日期"
          >
 </el-date-picker>

如上图所示，时分之间有一黑色线条需要去除，穿透未生效，f12得知，该picker是挂载在body上

遂有以下方法

<style lang="less" scoped>
//其他dom元素的样式

</style>

<style>
//时间picker的样式
//我这里只需要修改时分之间的黑色线条，所以只需要修改el-time-panel和el-scrollbar__wrap两个
.el-time-panel {
width:100% !important;
}
 .el-scrollbar__wrap {
margin-right: -10px !important;
}

</style>

picker未挂载在#app上面，不能在<style scoped></style>下面修改（不足之处，欢迎指正）