不是带占位符的选择器

Question

我有输入类型，我用数据属性来区分：

我希望所有数据类型都隐藏除日期字段之外的占位符

我无法使用 :not 选择器。不接受带有 input[type="text"] 的回答，因为除了文本和日期之外，可能还有 n 种数据类型。

    :not(input[data-type="date"])::-webkit-input-placeholder { /* WebKit browsers */
        color: transparent !important;
    }
     :not(input[data-type="date"]):-moz-placeholder { /* Mozilla Firefox 4 to 18 */
       color: transparent !important;
    }
    :not(input[data-type="date"])::-moz-placeholder { /* Mozilla Firefox 19+ */
       color: transparent !important;
    }
     :not(input[data-type="date"]):-ms-input-placeholder { /* Internet Explorer 10+ */
       color: transparent !important;
    }

    

<input data-type="text" placeholder="Enter date">
<input data-type="date" placeholder="Enter text">

帮助表示赞赏。

Answer 1

给你。顺便说一句，很好的解决方案指的是transparent。

input:not([data-type="date"])::-webkit-input-placeholder { /* WebKit browsers */
  color: transparent !important;
}
input:not([data-type="date"]):-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: transparent !important;
}
input:not([data-type="date"])::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: transparent !important;
}
input:not([data-type="date"]):-ms-input-placeholder { /* Internet Explorer 10+ */
  color: transparent !important;
}

<input data-type="text" placeholder="Enter date">
<input data-type="date" placeholder="Enter text">