css3 小程序样式 微信小程序 navigator点击后有阴影 ，去掉navigator阴影效果

方法1： 添加 hover-class="none" 属性 。

关于我们

方法二：不想麻烦一个个标签加，可以全局 css 去掉 (根目录下的uni.scss / wxss文件）。

/* 方法一：

background-color:none 依旧会有阴影效果。不修改opacity属性会有 0.7的透明效果

因为系统属性写法为：

.navigator-hover {

background-color: rgba(0, 0, 0, .1);

opacity: .7;

}

*/

.navigator-hover {

background-color: transparent !important;

opacity: 1;

}

/*

方法二：如果层级不够/覆盖不了，可以再添加一层 navigator

*/

navigator.navigator-hover {

background-color: transparent !important;

opacity: 1;

}

方法三：在 hover-class 属性中 添加 class 名。

关于我们

/* uni.scss/wxss */

.noshadow{

hover-class:none;

}

相关链接

 您阅读本篇文章共花了：