Html 在提交表单的按钮内放置css形状

我想在提交表单的按钮中放入CSS形状，但一开始我失败了，因为我试图以某种方式将CSS形状放入

中，但我不得不使用html标记

。。。这是我的解决方案，在你的搜索按钮中放置了一个漂亮的纯css搜索图标。不过，它可能需要一些调整

#搜索图标{
字号：4em；
显示：内联块；
宽度：0.4em；
高度：0.4em；
边框：0.1米实心#B10B14；
位置：相对位置；
边界半径：0.35em；
}
#搜索图标：：之前{
内容：“；
显示：内联块；
位置：绝对位置；
右：-0.25em；
底部：-0.1米；
边框宽度：0；
背景：#B10B14；
宽度：0.35em；
高度：0.08em；
-webkit变换：旋转（45度）；
-moz变换：旋转（45度）；
-ms变换：旋转（45度）；
-o变换：旋转（45度）；
}

---

您是否考虑过也可以使用字体真棒



按钮i{
颜色：红色；/*设置颜色*/
字体大小：2em；/*设置大小*/
}
/*甚至添加一些文字装饰*/
i:以前{
文本阴影：1px 1px 1px黑色；
}

为什么要为此使用div？一个按钮就可以了吗？html有
button
tag您可以用与设置div样式完全相同的方式设置输入标记的样式。如果我使用
input type=“button”
CSS形状中的：：before元素不起作用，我将使用CSShtml has
input
标记和
button
标记进行更新