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;
  }

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