HTML-box阴影不适用于圆形正方形，即使是透明的

我试图添加一个像按钮一样的图像，该图像是一个圆角正方形，其中4个角是透明的。我将其添加到我的网页，如下所示：

<input type="image"id = "LeftButton" src="graphics/leftarrow.png" >

我把div的背景涂成了红色，这样你可以在图像中看得更清楚

感谢

使用方框形状中的信息生成阴影，以便按预期显示。您需要在输入中添加阴影

#左键{
背景色：透明；
位置：相对位置；
左：0px；
顶部：32.5px；
宽度：45px；
盒影：10px-10px 5px rgba（0,0,0,0.6）；
边界半径：4px4px4px4px；
-moz边界半径：4px4px4px4px；
-webkit边界半径：4px4px4px4px；
边框：0px实心#000000；
高度：45px；
}

样式如下：

使用方框形状中的信息生成阴影，以便按预期显示，您需要在输入中添加阴影

#左键{
背景色：透明；
位置：相对位置；
左：0px；
顶部：32.5px；
宽度：45px；
盒影：10px-10px 5px rgba（0,0,0,0.6）；
边界半径：4px4px4px4px；
-moz边界半径：4px4px4px4px；
-webkit边界半径：4px4px4px4px；
边框：0px实心#000000；
高度：45px；
}

并将其设置为这样：

尝试添加

边界半径：4px您只需将边界半径设置为您的输入并选中：）尝试添加
边界半径：4px您只需将边框半径设置为输入并检查它：）如果您发现答案有用，请考虑VoTIN，如果您找到了有用的答案，请考虑上投票。
#LeftButton{
    background-color: Transparent;
    position:relative;
    left:0px;
    top:32.5px;
    width: 45px;
    box-shadow: 10px -10px 5px rgba(0,0,0,0.6);
    height: 45px;
}