是否可以让 Cufon 来制作按钮？

Question

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

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

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

Answer 1

以下面的方式使用元素：

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

施加的Cufón样式时的工作：

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

非常感谢：）

Answer 2

$('.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();
    });
});

我使用上述代码到我的输入值复制到一个跨度，它允许我使用的Cufón。它的伟大工程，仍然回落到“提交”输入禁用了javascript。

Answer 3

我相信，有没有办法让的Cufón工作，<input type="submit" />。 主要原因是没有地方插入画布...

然而，你可以简单地切换到多个语义配合<button>，即需要闭合</button>并因此创建画布的地方。

非常重要不过，请先确认你用它指定类型为好，因为IE7及以下，如果你不这样做将不提交表单。这似乎也指定类型导致统一的行为在所有的浏览器。

让我知道，如果上面的帮助！ 干杯

Answer 4

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

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

完毕 ！