Firefox上的MDL输入类型日期占位符冲突

Question

在firefox上使用带有输入日期的MDL（Material Design Lite）库时遇到问题。它为用户显示“占位符掩码”，结果与标签：

存在视觉冲突

我按照一些教程执行以下操作：

input[type=date]:not( :focus )::-webkit-datetime-edit-ampm-field,
input[type=date]:not( :focus )::-webkit-datetime-edit-day-field,
input[type=date]:not( :focus )::-webkit-datetime-edit-hour-field,
input[type=date]:not( :focus )::-webkit-datetime-edit-millisecond-field,
input[type=date]:not( :focus )::-webkit-datetime-edit-minute-field,
input[type=date]:not( :focus )::-webkit-datetime-edit-month-field,
input[type=date]:not( :focus )::-webkit-datetime-edit-second-field,
input[type=date]:not( :focus )::-webkit-datetime-edit-week-field,
input[type=date]:not( :focus )::-webkit-datetime-edit-year-field,
input[type=date]:not( :focus )::-webkit-datetime-edit-text {
  color: transparent;
}

但是，这只能解决谷歌浏览器的问题。

任何sugestions？

谢谢。