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

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

记录一个坑

环境

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

问题

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

解决

  • 在input类型, 有提供针对此类型的伪元素, 可以进行隐藏
  • input为search类型解决方法

总结

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

伪元素继承问题

待完成

原文地址:https://www.cnblogs.com/zhangrunhao/p/7519892.html