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を追加してテキストの外観を変更し、プレースホルダーが入力内にあり、htmlではなくcssでターゲットにできるのを見て..

  • 誰も私がこれを行う方法を知っていますか?? ttf フォントのプレースホルダーのフォント置換??

  • Gonzit.comArial Narrow <-- 上部の検索バーのプレースホルダー テキストを置き換える必要があります..

  • どんな助けでも大歓迎です、できるだけ早く閉じる必要があります!!

テッド

4

0 に答える 0