如何禁用特定类的datepicker箭头

Question

我一直在关注this question和this question以及this question，他们在使用 datepicker 上删除小箭头方面非常有帮助：

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

但是，我的一个视图中有多个日期字段，我只想为具有特定类的字段禁用datepicker箭头。

我想做点什么：

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

但它似乎没有起作用。我希望这是一个简单的语法问题，但我似乎找不到任何例子。这样的事情令人不悦还是我只是错过了一些东西？

Answer 1

使用attribute选择器和input[type="date"].disabled::-webkit-calendar-picker-indicator { display: none; }选择器

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

<input type="date">

UINavigationBar.appearance().barTintColor = UIColor(red: 0.1, green: 0.22, blue: 0.212, alpha: 1)