1

专为输入按钮（例如 ）设计<input type="submit" value="Button Name">，这种圆形按钮样式使用由单个图像组装而成的滑动门技术。

演示：单击查看源代码并演示实际代码
演示：单击以查看 Mac 浏览器中样式的视频演示：Firefox、Safari、Chrome 和 Opera

此按钮样式启用以下功能：

  • 解决了 IE 浏览器的长按钮名称的宽按钮问题。
  • 解决了 IE 浏览器的问题，即当按钮隐藏在服务器端时，右侧的滑动门块会漂浮在页面上。
  • 解决了 IE 浏览器在向下滚动然后备份页面时出现的文本碎片问题。
  • 当您无法<asp:Button id="b1" Text="Submit" runat="server" />在代码中使用ASP .Net 按钮控件 时，这是设计人员的完美选择
  • 与 safari 交叉兼容，即 firefox、chrome 和 opera。看视频
4

1 回答 1

3

我认为您只需要更改一个伪类。

span.button input.form_button:hover {
  background-position:left -39px;
  color:#FFFFFF;
}

应该

span.button:hover input.form_button {
  background-position:left -39px;
  color:#FFFFFF;
}

编辑：这是演示源的第 52 行

于 2010-06-29T14:01:42.173 回答