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

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

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

    .dateRange >>> ::-webkit-input-placeholder {
        color: #26f2ff !important;
      }
    .dateRange >>> ::-moz-input-placeholder {
        color: #26f2ff !important;
      }
    .dateRange >>> ::-ms-input-placeholder {
        color: #26f2ff !important;
      }
这样就解决了我的问题，就这么简单。