是否有任何方法可以塑造HTML表单的提交按钮？
我正在用表单创建一个html页面。我希望我的提交按钮看起来像下面的箭头（不完全是下面的，我只希望是2D箭头）是否有任何方法可以塑造HTML表单的提交按钮？,html,css,forms,button,Html,Css,Forms,Button,我正在用表单创建一个html页面。我希望我的提交按钮看起来像下面的箭头（不完全是下面的，我只希望是2D箭头） 有没有办法做到这一点…如果您对使用背景图像感兴趣，那么您可以这样使用： button{ background: transparent url(shape.jpg) no-repeat; border: none; box-shadow: none; width: 250px; /*img width*/ height: 350px; /*img heig
有没有办法做到这一点…如果您对使用背景图像感兴趣，那么您可以这样使用：
button{
background: transparent url(shape.jpg) no-repeat;
border: none;
box-shadow: none;
width: 250px; /*img width*/
height: 350px; /*img height*/
}
是的，您可以在css中这样做，但添加您自己的大小，要应用提交按钮，您只需将此HTML添加到表单中提交按钮的上方或下方，然后将提交按钮放置在该箭头上方，并通过向提交按钮添加opacity:property使其透明
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#triangle{
width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 100px solid red;
border-bottom: 50px solid transparent;
margin: 100px;
}
#square{
width: 100px;
height: 40px;
margin: -20px 0 0 -200px;
background: blue;
}
</style>
</head>
<body>
<div id="triangle"><div id="square"></div></div>
</body>
</html>
#三角{
宽度：0；
身高：0；
边框顶部：50px实心透明；
左边框：100px实心红色；
边框底部：50px实心透明；
利润率：100像素；
}
#方格{
宽度：100px；
高度：40px；
利润率：-20px0-200px；
背景：蓝色；
}
SVG有几种用于绘制路径、框、圆、文本和图形图像的方法。使用背景图像…是的，我们可以使用背景图像，但按钮仍然是矩形。我想塑造它…实际上这很好。。。但是，它仍然可以在箭头周围单击（我指的是左上角和左下角）。因为这段代码只是隐藏背景并使其透明。但是，我问的是如何将按钮塑造成只能在箭头中单击。不是在空间周围。。。