删除输入按钮时的 Internet Explorer SPAN 样式问题答案

【问题标题】：Internet Explorer SPAN style issue when Input button is removed删除输入按钮时的 Internet Explorer SPAN 样式问题
【发布时间】：2011-02-19 04:56:15
【问题描述】：

当输入按钮丢失时，Internet Explorer 不会从我的按钮中删除额外的填充。输入按钮有时会丢失，因为在动态页面上该按钮有时会被隐藏。

查看我的演示链接时，请查看我使用 Internet Explorer 的示例： http://media.apus.edu/it/evan-testing/form.htm

我在 Firefox、Safari、Chrome 等中对此进行了测试，如果缺少表单按钮，所有浏览器都会完全删除我的样式。

edit 有人问这是在哪个 Internet Explorer 版本中发生的，它发生在 ie7 中。它在 IE8 中运行良好。那么对于 IE7 有什么 hack 吗？

【问题讨论】：

什么版本的 Internet Explorer？
我修复了链接。对不起那些家伙！
另外，我发现它是一个 IE 7 问题。它在 IE8 中运行良好。有什么想法吗？

标签： internet-explorer coding-style html

【解决方案1】：

有几个解决方案：

按钮隐藏时不输出跨度。
按钮隐藏时将display CSS 属性设置为none。
设置实际按钮的样式，而不是环绕按钮的 span。

【讨论】：

关于您的回答，--- 1.您能解释一下您在隐藏按钮时不输出跨度吗？ --- 2. 是否有一个 javascript 我可以添加它可能会寻找“form_button”类，当它不存在时，它会隐藏类“按钮”？在这种情况下我不能使用 jquery。 --- 3. 由于使用对表单按钮进行样式设置的限制，我不能使用
你提到它是一个动态页面，所以假设你的意思是服务器端，然后将 span 与按钮一起隐藏。
另外，我发现这是一个 IE 7 问题。顺便问下好问题。我不认为尝试 IE8 和 IE8 工作正常。这是IE7的问题。有什么想法可以告诉 IE7 不显示它吗？
Brian - 哦，设计师与开发人员交谈的困境。他们说不要在代码隐藏中管理样式，所有样式都应该在表示层。所以，这是我修复这个小故障的最后一块拼图。这只是一个 IE7 问题，而不是 IE8 或任何其他浏览器。