Javascript 如何更改HTML中数据列表输入上显示的图标?隐藏是可能的,但我可以将其更改为其他图标,如向下箭头吗?

Javascript 如何更改HTML中数据列表输入上显示的图标?隐藏是可能的,但我可以将其更改为其他图标,如向下箭头吗?,javascript,css,html,forms,Javascript,Css,Html,Forms,input::-webkit日历选择器指示器{ 显示:无; } 诀窍是使用不透明度0隐藏图标,然后您可以添加自己的图标。在这个简单的例子中,我使用日历图标。 input::-webkit日历选择器指示器{ 不透明度:0; } 输入{ 位置:相对位置; } 输入:之前{ 内容:“\f073”; 显示:内联块; 字体:普通14px/1字体; 字体大小:继承; 文本呈现:自动; -webkit字体平滑:抗锯齿; -moz osx字体平滑:灰度; 位置:绝对位置; 右:0; 最高:50%; 转化:tra

input::-webkit日历选择器指示器{
显示:无;
}

诀窍是使用
不透明度0隐藏图标,然后您可以添加自己的图标。在这个简单的例子中,我使用日历图标。
input::-webkit日历选择器指示器{
不透明度:0;
}
输入{
位置:相对位置;
}
输入:之前{
内容:“\f073”;
显示:内联块;
字体:普通14px/1字体;
字体大小:继承;
文本呈现:自动;
-webkit字体平滑:抗锯齿;
-moz osx字体平滑:灰度;
位置:绝对位置;
右:0;
最高:50%;
转化:translateY(-50%);
}

你查过我的答案了吗?