有的input不支持伪元素

有的input不支持伪元素

这是一个给自己看的笔记
今天想写一个可以利用小眼睛控制密码显示隐藏的代码，想的是用after伪元素来插入眼睛图标。

.box input::after {
            content: '\e9ce';
            font-family: 'icomoon';
            position: absolute;
            top: 0;
            right: 0;
}

结果压根就找不到小眼睛。一开始我还以为是字体图标引入错误，就把content里面的改成了其他内容，但是还是找不到任何显示。然后想到会不会是盒子盖住了，就把right值设置为负值，但是依旧找不到。
所以就百度了一下，才发现原来password类型的input引入伪元素无效
看了下面这位兄弟的测试：


发现button，email，number，password，resert，search，submit，text，tel，url，datetime都不支持。
具体原因我还不太清楚，先记住