Question

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

我希望所有数据类型都隐藏占位符，但日期字段

除外

我无法使用：不是选择器。回答输入[type =＆＃34; text＆＃34;] 将不被接受，因为除了文本和日期之外，可能有n种数据类型。

＆＃13;

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

＆＃13;

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

＆＃13;

帮助表示赞赏。

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">

不是带占位符的选择器

1 个答案: