Html 我可以在提交按钮上使用csssprite吗

我想使用提交按钮有两个原因：

• 我已经动态创建了按钮，将来可能会本地化
• 即使页面上有5个按钮，我也只需要1个HTTP请求

问题是我想避免按钮使用javascript，因此我需要使用类型为

image

的

input

字段。我可以像为任何csssprite设置背景图像一样在该字段上设置背景图像

问题是，我发现我必须将图像源设置为空像素，否则我会得到一个损坏的图像图标

尽管如此，这是我提出的最佳解决方案：

<style>
    .csssprite_cat {
        background-image:url(http://www.mrfreefree.com/images/speciali/211/funny_cat_50.jpg); width: 50px;
        height: 50px;
    }
</style>

<input type=image src="http://www.grasse-ac.com/gif/no_pixel.gif" class="csssprite_cat">
<input type=image class="csssprite_cat">

.csssprite_猫{
背景图片：url(http://www.mrfreefree.com/images/speciali/211/funny_cat_50.jpg)宽度：50px；
高度：50px；
}

（您可以直接将此文件加载到浏览器中-我从随机站点借用图像）

它可以正常工作，但我必须使用我们的老朋友。很怀旧

---

没有javascript可能没有更好的方法，除非css中有一种方法可以隐藏损坏的图像文本和图标。

不要使用图像输入类型，最好使用bog标准提交按钮并以这种方式设置样式

一旦定义了

背景图像

，就需要为要使用的每个不同按钮定义唯一的

背景位置

为了向后兼容，我建议使用类混合（因为到目前为止IE仍然不支持CSS3属性选择器），如下所示：

<input type="submit" class="submit uniqueButtonClass" value="Submit" />

---

不要使用图像输入类型，最好使用bog标准提交按钮，并以这种方式设置其样式

一旦定义了

背景图像

，就需要为要使用的每个不同按钮定义唯一的

背景位置

为了向后兼容，我建议使用类混合（因为到目前为止IE仍然不支持CSS3属性选择器），如下所示：

<input type="submit" class="submit uniqueButtonClass" value="Submit" />

---

我可以使用上述输入类型，也可以：

<button><img src="http://www.mrfreefree.com/images/speciali/211/funny_cat_50.jpg" /></button>

允许您在其中几乎抛出任何内容，并允许对格式化进行更大的控制

---

在这种情况下，您可以在按钮内部或按钮本身中设置跨距。

我可以使用上述输入类型，也可以：

<button><img src="http://www.mrfreefree.com/images/speciali/211/funny_cat_50.jpg" /></button>

允许您在其中几乎抛出任何内容，并允许对格式化进行更大的控制

---

在这种情况下，您可以在按钮内部或按钮本身中设置跨距。

我是否应该对此谨慎：重要提示：如果在HTML表单中使用按钮元素，不同的浏览器将提交不同的值。Internet Explorer将提交和标记之间的文本，而其他浏览器将提交值属性的内容。使用input元素在HTML表单中创建按钮。是的，我只在有1个按钮或它具有唯一id时使用它，然后在PHP中执行类似isset（$\u POST['my\u button\u name']）的操作。我已经不再依赖按钮的值，因为客户端往往会不时更改按钮中的文本，其中id是常量。我是否应该对此保持谨慎：重要：如果在HTML表单中使用按钮元素，不同的浏览器将提交不同的值。Internet Explorer将提交和标记之间的文本，而其他浏览器将提交值属性的内容。使用input元素在HTML表单中创建按钮。是的，我只在有1个按钮或它具有唯一id时使用它，然后在PHP中执行类似isset（$\u POST['my\u button\u name']）的操作。我已经不再依赖按钮的值，因为客户端往往会不时更改按钮中的文本，其中id是常量。我怀疑这只是更改了现有按钮的背景。它没有给我一个干净的按钮，你还需要设置边框：0；删除边界。感谢那些否决我的人：）@将编辑你的css以包含边框：0，我将向上投票给你：-）它不会让我更改我的投票。我并不是说是我投了你一票。。。哦，我还需要输入value=“”，以防止“提交”文本出现在图像顶部的按钮上。否则它会在浏览器中工作，我已经测试过了，我怀疑这只是改变了现有按钮的背景。它没有给我一个干净的按钮，你还需要设置边框：0；删除边界。感谢那些否决我的人：）@将编辑你的css以包含边框：0，我将向上投票给你：-）它不会让我更改我的投票。我并不是说是我投了你一票。。。哦，我还需要输入value=“”，以防止“提交”文本出现在图像顶部的按钮上。否则，它可以在我测试过的浏览器中工作