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 & 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を追加してテキストの外観を変更し、プレースホルダーが入力内にあり、htmlではなくcssでターゲットにできるのを見て..
誰も私がこれを行う方法を知っていますか?? ttf フォントのプレースホルダーのフォント置換??
Gonzit.comのArial Narrow <-- 上部の検索バーのプレースホルダー テキストを置き換える必要があります..
どんな助けでも大歓迎です、できるだけ早く閉じる必要があります!!
テッド