时间戳

首页 > 解决方案 > 关闭某些输入的-webkit-calendar-picker-indicator？

jquery - 关闭某些输入的-webkit-calendar-picker-indicator？

问题描述

我一直为所有输入打开 webkit-calendar-picker-indicator：

input::-webkit-calendar-picker-indicator {
    opacity: 100;
}

这很好，并向用户显示在各种输入字段中有下拉选项。

但是，在销售订单表单上有一个输入表，我想关闭向下箭头，所以我尝试了以下 SO 帖子中的代码：如何在 jQuery 中调整“-webkit-”前缀的 CSS 属性？

var items = document.querySelectorAll('#Item'); 
$('items[row]').css({ '-webkit-calendar-picker-indicator':'display(none)' });

其中 [row] 是销售表单项“输入”字段的索引 0、1、2、3 等。

但遗憾的是，这行不通。这甚至可能吗？

TIA

标签： jquerywebkit

解决方案

我想多了。我修好了它。在将所有输入类型设置为 opacity:100 以永久打开 em 后，使用我想要默认 webkit-calendar-picker-indicator 行为（仅显示悬停时）的元素的 Id（项目）：

#Item::-webkit-calendar-picker-indicator {
    opacity:0;
}
#Item:hover::-webkit-calendar-picker-indicator {
   opacity:100; 
}

那成功了。

推荐阅读