5

所以现在我正在抨击我的头 - 目前我们使用一个元素作为按钮来给它我们自己的自定义字体，很好 - 这很有效，但是当我们在网站的其余部分使用 Cufon 时，我们是想知道是否有可能让 Cufon 在按钮上工作。

到目前为止，我已经将按钮更改为一个并在“input”或“input[type="submit"]”元素上使用标准 css 样式工作正常 - 但我已经在 cufon 中尝试了这两种方式都无济于事。

这是一个按钮 - 所以当 Cufon 生成图像时，这应该可以工作，但也许我做错了 - 任何人都可以帮忙吗？

4

4 回答 4

7 
$('.input-button').each(function(){
    $(this).hide().after('<span class="input-button">').next('span.input-button').text($(this).val()).click(function(){
        $(this).prev('input.input-button').click();
    });
});

我使用上面的代码将我的输入值复制到一个跨度中，这允许我使用 cufon。它工作得很好，并且仍然回退到禁用 javascript 的“提交”输入。

于 2010-07-14T16:46:07.287 回答
5

通过以下方式使用元素：

<button type="buton">value</button>

在应用 Cufon 样式时工作：

Cufon.replace('button', {color: '-linear-gradient(#999, 0.45=#666, 0.45=#555, #999)'});

非常感谢 ：）

于 2009-08-22T12:18:08.867 回答
3

我相信没有办法让 Cufon 与<input type="submit" />. 主要原因是没有地方可以插入画布......

但是，您可以简单地切换到更符合语义的<button>，需要关闭</button>的，从而为画布创建位置。

不过非常重要的是，请确保您也指定了类型，因为如果您不这样做，IE7 及以下版本将不会提交表单。似乎指定类型会导致所有浏览器的行为一致。

让我知道以上是否有帮助！干杯

于 2010-04-21T08:20:03.213 回答
1

我发现在按钮上使用 Cufon 的唯一解决方案<input type="submit"/>是使用 Javascript（个人使用 jQuery）。

  1. 将输入按钮的文本（“值”属性）复制到 span 。
  2. 使用 Cufon.replace() 替换跨度
  3. 删除输入按钮的文本
  4. 将跨度定位在按钮上
  5. 将 click() 事件从 span 传播到按钮

完毕 ！

于 2010-03-03T03:34:19.037 回答