css内阴影后，右侧会出现白色线条
css内阴影为何会出现白色线条
添加一个内阴影后元素右侧出现一个白色线条
子元素：
父元素：
你内阴影想要做什么效果，box-shadow第二个属性是y轴方向偏移，阴影色是白色，所以这是正常的
引用 皆我百晓生 小程序回复内容作答：
这可能是因为元素的边框颜色和背景颜色不一致导致的。在添加内阴影时，阴影的颜色可能会受到元素的边框颜色的影响，导致边框和阴影之间的交界处出现一个白色线条。
解决这个问题的方法有两种：
统一边框和背景颜色：可以将元素的边框颜色设置为与背景颜色一致，这样就可以消除白色线条。
使用box-shadow代替内阴影：可以通过box-shadow属性来实现内阴影效果，它不会受到边框颜色的影响，因此不会出现白色线条。例如可以这样设置阴影：
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
这样就可以在元素的内部创建一个带有0px偏移、5px模糊半径和rgba(0, 0, 0, 0.5)颜色的阴影效果，而不会有白色线条。