element中el-date-picker时间选择位置调整

element中el-date-picker时间选择位置调整_第1张图片

在element组件中样式固定,想要调整位置却发现直接在el-date-picker中写style行不通

以下方法可以借鉴

1.采用穿透来实现效果

/deep/适用于scss
::deep适用于less

具体用法如下,找到名进行deep样式穿透,值得一提的是在该组件起类名不是class,而是popper-classelement中el-date-picker时间选择位置调整_第2张图片

 

 

 2.采用外联式css

上述方法行不通可以尝试此套方法,在vue中css文件里直接对此类名进行样式修改

首先找到对应的类名element中el-date-picker时间选择位置调整_第3张图片

接下来在css中进行修改样式element中el-date-picker时间选择位置调整_第4张图片 

 时间选择框往左平移,喜欢记得收藏

你可能感兴趣的:(vue.js,javascript,elementui)