box-shadow内阴影不生效

以下是解决box-shadow内阴影不生效的方法：

1. 确保元素有足够的高度和宽度，以便阴影可以显示在元素内部。
2. 确保box-shadow属性的第三个参数为0，这将使阴影显示在元素内部而不是外部。
3. 确保元素的背景颜色不是透明的，否则阴影将显示在元素的背面而不是内部。

.box {
  width: 200px;
  height: 200px;
  background-color: #fff;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
}

相关问题

input box-shadow苹果手机不生效

可能是因为苹果手机对于box-shadow的渲染方式与其他浏览器有所不同。尝试使用以下CSS属性来解决这个问题：

-webkit-box-shadow: /* your shadow properties */;
box-shadow: /* your shadow properties */;

这样可以确保在Safari浏览器中正确地渲染box-shadow。另外，还可以尝试调整阴影的大小和位置，以确保其在苹果手机上可见。

box-shadow不生效

box-shadow属性的格式为：box-shadow: length length length length color。根据你提供的代码，.wuc-tab元素的box-shadow属性设置为0 8rpx 8rpx 0 rgba(0, 0, 0, 0.21)。根据引用中的说明，第一个长度值表示阴影的水平偏移量，第二个长度值表示阴影的垂直偏移量，第三个长度值表示阴影的模糊半径，第四个长度值表示阴影的扩展半径，而color表示阴影的颜色。

有可能造成box-shadow不生效的原因有多种可能，以下是一些可能的解决方法：
1. 检查元素是否正确选择，确保选择器.wuc-tab正确匹配到你想要设置box-shadow的元素。
2. 检查单位是否正确，确保长度值后面的单位(例如rpx)是否有效，可以尝试使用px代替rpx。
3. 检查是否有其他样式覆盖了box-shadow属性，可以在选择器后面使用!important来强制应用box-shadow样式。
4. 检查颜色值是否正确，确保rgba(0, 0, 0, 0.21)是一个有效的颜色值。

如果以上解决方法都不起作用，可以尝试使用其他属性值来调整box-shadow的效果，例如调整偏移量、模糊半径或扩展半径，或者尝试其他颜色值。