小程式按鈕點選css效果(你很需要!) 2018年11月08日 11:54:59 小胖龍 閱讀數:2092 小程式自帶的button元件是有點選效果的,但是一旦自定義了class你發現 他就是一個方塊,點了也是那樣靜靜的呆在那裡,沒有視覺點選感……往往大多數情況下,我們都要自己定義按鈕樣式 於是自己寫了一套通用的小程式點選按鈕效果 app.sxss
.btn-hover{ position: relative; top: 3rpx; box-shadow:0px 0px 8px #999 inset; } //鏤空按鈕 點選陰影不宜太深 .plain-hover{ position: relative; top: 3rpx; box-shadow:0px 0px 10px #bbbec4 inset; } 1 2 3 4 5 6 7 8 9 10 11 button
1 2 在這裡插入圖片描述 終於不再那麼死板……