在vue组件的stylus样式总 取消search类型的input按钮中默认样式

在vue组件的stylus样式中 取消search类型的input按钮中默认样式

记录一个坑

环境

• Vue组件
• 使用了Stylus的CSS风格.

问题

• input输入框使用了 type="search"这种类型
• 使用后发现, 输入内容后, 最后用个取消按钮,极其恶心, 见截图
• 

解决

• 在input类型, 有提供针对此类型的伪元素, 可以进行隐藏
• 

总结

• 开始时, 总结在input后面添加伪元素, 是无效的
• 
• 不清楚, 此问题原因, 有大神讲与伪元素的继承有关.
• 看来, 应该总结下这一块了

伪元素继承问题

待完成