HTML – 带图像的样式按钮？

概述我一直试图使用图像设置提交按钮的样式.我会使用CSS,但按钮设计过于复杂.我尝试将背景图像添加到按钮,但图像位置不正确.我也试过用 < input type =“image”src =“myimage.png”> 但唉,这不是一个提交按钮所以它不起作用.我已经查看并尝试了我认为可能的所有内容,但无法找到使按钮提交表单的解决方案.谢谢. 提交按钮有不同的可能性： <input type="image 我一直试图使用图像设置提交按钮的样式.我会使用CSS,但按钮设计过于复杂.我尝试将背景图像添加到按钮,但图像位置不正确.我也试过用

< input type =“image”src =“myimage.png”>

但唉,这不是一个提交按钮所以它不起作用.我已经查看并尝试了我认为可能的所有内容,但无法找到使按钮提交表单的解决方案.谢谢.

解决方法 提交按钮有不同的可能性：

<input type="image"><input type="submit"><button></button> <!-- no type needed,since submit is the default type -->

这些都是提交按钮.挑选一个最适合你的.

现在,您可以选择在按钮之间放置图像或使用背景图像并正确定位它们.

带背景图像的按钮示例：fiddle

总结

以上是内存溢出为你收集整理的HTML – 带图像的样式按钮？全部内容，希望文章能够帮你解决HTML – 带图像的样式按钮？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。