2

All-One-Cufon 目前，将更换为其他 ttf 字体替换..

使用 All-One-Cufon 插件时，我发现 cufon 代码无法用通常用于更改颜色的相同 html5 代码替换占位符：

#rightHalf input::-webkit-input-placeholder {
    color: #f9a11b;
}
#rightHalf input:-moz-placeholder {
    color: #f9a11b;
}
#rightHalf input:-ms-input-placeholder {
    color: #f9a11b;
}

库方代码：

Cufon.replace('#rightHalf input::-webkit-input-placeholder');
Cufon.replace('#rightHalf input:-moz-placeholder');
Cufon.replace('#rightHalf input:-ms-input-placeholder');

这没有用。也没有尝试针对输入：

HTML：

<input type="text" class="field" name="s" id="s" placeholder="Search for Products, Services & Supplier ">

库方代码：

Cufon.replace('#s');

导致：

    <input type="text" class="field" name="s" id="s" placeholder="Search for Products, Services &amp; Supplier ">    
<cufon class="cufon cufon-canvas" alt=" " style="width: 3px; height: 12px; ">
<canvas width="15" height="14" style="width: 15px; height: 14px; top: -1px; left: -2px; "></canvas><cufontext></cufontext></cufon>
<input type="submit" class="submit" name="submit" id="searchsubmit" value="Search"></form>

失败和混乱的间距......

CSS（cufon JS 上的 fontFamily 设置为“arialnarrow”）：

font-family: 'arialnarrow';

和

font: arialnarrow;

和

font-family: 'arialnarrow' !important;

和

font: arialnarrow !important;

什么也没做...正如我所料，看到 cufon 添加了 html 来更改文本外观，并且占位符在输入中，可以通过 css 而不是 html 定位。

  • 有谁知道我怎么能做到这一点？ttf字体占位符的字体替换？

  • Arial Narrow for Gonzit.com <-- 顶部搜索栏占位符文本需要替换..

  • 任何帮助表示赞赏，需要尽快关闭！

泰德

4

0 回答 0