Css 跨度元素的背景大小

我有一个跨度元素，我给了它一个背景色，有没有办法控制这个特殊的背景大小

我试过背景尺寸：自动2px；（例如2px）但它对它没有影响，我希望背景颜色稍微小一点-高度方面-，我希望它只从数字的上边缘到下边缘，而不是更大，可能吗

按钮{
背景色：rgb（41184250）；
边框：1px实心透明；
边界半径：1米；
过渡：按钮20ms缓解；
}
跨度{
背景色：白色；
背景尺寸：自动2px；
}

未读邮件
9

只需使用

显示：内联块并设置所需的宽度


按钮{
背景色：rgb（41184250）；
边框：1px实心透明；
边界半径：1米；
过渡：按钮20ms缓解；
}
跨度{
背景色：白色；
宽度：20px；
显示：内联块；
}
未读邮件
9
背景大小仅适用于图像，因此使用渐变将您的颜色设置为图像：


按钮{
背景色：rgb（41184250）；
边框：1px实心透明；
边界半径：1米；
过渡：按钮20ms缓解；
}
跨度{
背景：线性梯度（白色、白色）；
背景尺寸：自动10px；
背景位置：中心；
背景重复：无重复；
}
未读邮件
9