HTML提交表单的BUTTON怎么用图片来显示

答案:3 悬赏:40 手机版

解决时间 2021-03-27 05:04

提问者网友：缘字诀
2021-03-26 04:06

最佳答案

五星知识达人网友：怙棘
2021-03-26 04:54

IE6、7、8：
用img代替button，并通过onclick事件调用js提交表单

Firefox、Chrome、Opera、IE9+、Safari以及所有移动浏览器：
设置button样式的background-image即可
追问你好，再请教下

我是用的IE9内核的浏览器，但是不排除其它访客是IE6，7，8的情况

这个不同的访客看到的情况不一样，显示是什么情况的呢追答这个样式你只能顾及一方，IE6、7、8能附加背景色但不会给按钮渲染背景图片的

全部回答

1楼网友：胯下狙击手
2021-03-26 07:55

加上background属性试试

2楼网友：酒安江南
2021-03-26 06:17

不用那么麻烦，所有的浏览器都直接用背景图片来代替。直接写样式就行了。
1、给button添加个class，将css样式写到外部，方便日后维护<假设class为my_button>
2、直接加样式
button .my_button{backuround:url(你的图片路径) no-repeat;text-indent:-9999px;border:none;width:你要设置的按钮宽度;height:你要设置的按钮高度;}
测试过多次，各大浏览器显示是统一的。

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息