9

タイトルで述べたように、CSS フォント ファミリ、カスタム フォント (font-face) を使用すると、Opera の自動補完ドロップダウン リストが台無しになります (黒い背景、黒いテキスト (推測))。

input[type='text'], input[type='password'], input[type='email'], input[placeholder] {
    font-size: 1.2em;
    font-family:  sans-serif;
    color: #2A873A;
    padding-left: 25px;
}

上記のコードは問題なく動作しますが、「font-family: sans-serif;」を置き換えると font-face フォント (Google Web フォントも) を使用すると、問題が発生します。

これは、実際の「バグ」のスクリーンショットです。

ここに画像の説明を入力

PSこれは、カスタムjsのドロップダウンリストではなく、Operaのネイティブオートコンプリートであることに言及する必要があります。

編集: http://jsfiddle.net/burCR/

4

4 に答える 4

1

フォントを直接指定することも同様です。また、base64 エンコーディングを試してみることもできます。これは、私の経験では美しく機能し、ブラウザー間の互換性が優れています。

于 2013-09-05T23:16:35.163 に答える
1

これは明らかなことかもしれませんが、フォントが Opera と互換性があることを確認してください。Web セーフ フォントの一覧を次に示します。

http://www.w3schools.com/cssref/css_websafe_fonts.asp

それでもうまくいかない場合は、Microsoft Word から必要なフォントを取得し、@fontface を使用して、Web セーフ フォントを使用する代わりにカスタム フォントを挿入してみてください。

最後に、フォームで font-family を使用して、入力にフォントを継承させます。うまくいけば、これは役に立ちました。

于 2013-06-24T03:50:14.577 に答える
1

背景とテキストの両方の色を個別に指定できます。

input   {
    background-color: white;
    color: black;
    font-family: "My Fontface Font", Verdana, ms serif;
}
于 2014-02-25T22:10:14.323 に答える