想要制作一個(gè)好看的按鈕蟹瘾,許多時(shí)候微信自帶按鈕樣式并不夠用,而利用background搭建按鈕時(shí)掠手,按鈕自帶的邊框特性就讓人特別討厭憾朴。開(kāi)始按常規(guī)設(shè)置了border:none;發(fā)現(xiàn)并沒(méi)有什么用處喷鸽。經(jīng)過(guò)網(wǎng)上查找發(fā)現(xiàn)有存在 button::after問(wèn)題導(dǎo)致其失效众雷。
我相信許多朋友跟我一樣以為添加了就萬(wàn)事大吉了。然而魁衙,當(dāng)你按下按鈕時(shí)邊框又又又出現(xiàn)了报腔。而且設(shè)置a:action都沒(méi)用株搔。網(wǎng)上沒(méi)用給相應(yīng)的解法剖淀。
于是乎我還是乖乖看了文檔,愉快的在文檔中發(fā)現(xiàn)了這個(gè)東西纤房。
是它是它就是它W莞簟!!0乒巍碰煌!只要在<button>中加入hover-class=‘none’能解決問(wèn)題了。
當(dāng)然在hover-class中寫(xiě)一些樣式變化豐富按鈕動(dòng)作也是極好的绅作。