Javascript 移除：CSS元素之前或之后及其'；使用Jquery的s属性

我正在尝试自定义标准web kit input type=“date”元素。我一直在尝试删除或指定新的适当样式：before元素，以便它消失或不可见

我只是想让“选择日期”文本消失，并在用户单击控制字段时在控制字段中显示本机日期选择器输出

提前谢谢

$（文档）.ready（函数（）{
$（“输入[type=date]”。单击（函数（）{
$（“输入[type=date]：-webkit日历选择器指示器：before”）.css（“显示”、“无”）；
})    
})

输入[类型=日期]{
高度：46px；
宽度：196px；
字号：16pt；
/*文本转换：大写*/
背景色：#f1f5f8；
边框：2px实心#d7d6d5；
边界半径：8px；
颜色：#555555；
填充：0 15px；
}
输入：：-webkit内部旋转按钮{显示：无；}
输入[类型=日期]：-webkit日历选取器指示器{
颜色：#555555；
不透明度：1；
位置：相对位置；
}
输入[类型=日期]：-webkit日历选取器指示器：之后{
内容：“\e906”；
字体系列：“icomoon”；
字号：26px；
背景：#f1f5f8；
宽度：44像素；高度：24像素；
文本对齐：右对齐；
左侧：-10px；顶部：-4px；
位置：绝对位置；
}
输入[类型=日期]：-webkit日历选取器指示器：之前{
内容：“选择日期”；
宽度：160像素；高度：30像素；
左：-180px；上：-5px；
背景：红色；
位置：绝对位置；
文本对齐：左对齐；
}
输入[类型=日期]：-webkit日历选取器指示器：隐藏之前{
背景：绿色；
}
输入[type=date]：-webkit清除按钮{/*删除蓝色十字*/
-webkit外观：无；
保证金：0；
}

简短的回答是否定的

伪选择器
：before
无法通过javascript访问

但是一种解决方法是在js/jQuery中添加类名，并使用
：before
选择器将其隐藏在css中，如：

在css中，您可以执行以下操作：

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

在js/jQuery中：

$("input[type=date]").click(function(){
    $("input[type=date]").addClass("addedDate");
})


$（文档）.ready（函数（）{
$（“输入[type=date]”。单击（函数（）{
$（“输入[类型=日期]”）.addClass（“addedDate”）；
})    
})
输入[类型=日期]{
高度：46px；
宽度：196px；
字号：16pt；
/*文本转换：大写*/
背景色：#f1f5f8；
边框：2px实心#d7d6d5；
边界半径：8px；
颜色：#555555；
填充：0 15px；
}
输入：：-webkit内部旋转按钮{显示：无；}
输入[类型=日期]：-webkit日历选取器指示器{
颜色：#555555；
不透明度：1；
位置：相对位置；
}
输入[类型=日期]：-webkit日历选取器指示器：之后{
内容：“\e906”；
字体系列：“icomoon”；
字号：26px；
背景：#f1f5f8；
宽度：44像素；高度：24像素；
文本对齐：右对齐；
左侧：-10px；顶部：-4px；
位置：绝对位置；
}
输入[类型=日期]：-webkit日历选取器指示器：之前{
内容：“选择日期”；
宽度：160像素；高度：30像素；
左：-180px；上：-5px；
背景：红色；
位置：绝对位置；
文本对齐：左对齐；
}
输入[类型=日期]：-webkit日历选取器指示器：隐藏之前{
背景：绿色；
}
输入[type=date]：-webkit清除按钮{/*删除蓝色十字*/
-webkit外观：无；
保证金：0；
}
输入[type=date]。添加日期：：-webkit日历选取器指示器：在{display:none；}之前