javascript - 如何禁用特定类的日期选择器箭头

Question

我一直在看this question和 this question和 this question他们都非常有助于摆脱 datepicker 上的小箭头，使用:

input[type="date"]::-webkit-calendar-picker-indicator { display: none; }

但是，我的一个 View 中有多个日期字段，我只想禁用具有特定类的字段的日期选择器箭头。

我想做这样的事情:

input[class="buttonOnly"]::-webkit-calendar-picker-indicator { display: none; }

但是好像没有效果。我希望这是一个简单的语法问题，但我似乎找不到任何示例。像这样的事情是不受欢迎的还是我只是错过了什么？

Answer 1

使用 .class 选择器和 attribute 选择器

input[type="date"].disabled::-webkit-calendar-picker-indicator {
  display: none;
}

<input type="date" class="disabled">

<input type="date">