扇子的前端随笔程序员

去除小程序按钮边框

2018-06-28  本文已影响0人  折扇随笔

想要制作一个好看的按钮,许多时候微信自带按钮样式并不够用,而利用background搭建按钮时,按钮自带的边框特性就让人特别讨厌。开始按常规设置了border:none;发现并没有什么用处。经过网上查找发现有存在 button::after问题导致其失效。

设置button::after

我相信许多朋友跟我一样以为添加了就万事大吉了。然而,当你按下按钮时边框又又又出现了。而且设置a:action都没用。网上没用给相应的解法。

于是乎我还是乖乖看了文档,愉快的在文档中发现了这个东西。

是它是它就是它!!!!!只要在<button>中加入hover-class=‘none’能解决问题了。

当然在hover-class中写一些样式变化丰富按钮动作也是极好的。

上一篇 下一篇

猜你喜欢

热点阅读