想要制作一个好看的按钮,许多时候微信自带按钮样式并不够用,而利用background搭建按钮时,按钮自带的边框特性就让人特别讨厌。开始按常规设置了border:none;发现并没有什么用处。经过网上查找发现有存在 button::after问题导致其失效。
我相信许多朋友跟我一样以为添加了就万事大吉了。然而,当你按下按钮时边框又又又出现了。而且设置a:action都没用。网上没用给相应的解法。
于是乎我还是乖乖看了文档,愉快的在文档中发现了这个东西。
是它是它就是它!!!!!只要在<button>中加入hover-class=‘none’能解决问题了。
当然在hover-class中写一些样式变化丰富按钮动作也是极好的。