css修改element组件中el-date-picker中的placeholder样式失效

在使用element的时间选择器的时候,想要修改placeholder提示字的样式,在网上看到有人提供了方法并且有很多人都起作用了,但是我拿过来用的时候就是无效的,下面是网上提供的那种:
/此处开始时间日期选择框的id:starttime/

image.png

starttime是需要在组件里加的id为它,但是我用过了就是没起作用,最后在这个方法的基础上重新修改了一下啊 给组件外面的div加一个class,之后样式变成下面这样:


image.png
.dateRange >>> ::-webkit-input-placeholder {
    color: #26f2ff !important;
  }
.dateRange >>> ::-moz-input-placeholder {
    color: #26f2ff !important;
  }
.dateRange >>> ::-ms-input-placeholder {
    color: #26f2ff !important;
  }

这样就解决了我的问题,就这么简单。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。