使用滑动门 CSS 的输入按钮

Question

此圆形按钮样式专为 等输入按钮设计，使用 滑动门 由单个图像组装而成的技术。

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

此按钮样式可实现以下功能：

• 解决长时间按钮过宽的问题 IE 浏览器的按钮名称。
• 解决了当按钮隐藏在服务器端时右滑动门部件会浮动在页面上时 IE 浏览器的问题。
• 解决 IE 浏览器的文本碎片问题 向下滚动然后返回页面时。
• 这是完美的替代方案 当您无法使用 ASP 时，设计师 .Net按钮控件如 在您的代码中
• 交叉兼容 适用于 Safari、ie、firefox、chrome 和 歌剧。 观看视频

Answer 1

我认为你只需要改变一个伪类。

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 行