获得徽章 15
- 求教各位大佬，开发需求：实现search框中清除数据功能，功能实现效果如下图， 图中的 X icon 是自己找的图片，现在问题是，IE10~11、Edge12中 input type=“text”中会自带的 X icon，现在任务是将自带的X隐藏。我思考了三种方案。
1. 使用伪类::-ms-clear，隐藏 X icon。但是mdn原话是（该特性是非标准的，请尽量不要在生产环境中使用它！）。我组长把他驳回了。
2. 将type改为search，只需要隐藏chrome中的X icon就行了。但是还是需要借助伪类::-webkit-search-cancel-button，和第一条一样的问题。
3.检测浏览器，引入变量，借助第一和第二条，当检测到为 IE、Edge或者是Chrome时，启用与变量绑定的css隐藏X icon，这样可以避免伪类造成的不可预估的样式后果。问题是，这样的代价太大了，既要引入变量，又要新增代码检测。
求教各位大佬，有什么好的方吗。脑瓜子疼。
展开评论点赞
github.com