0

「今すぐログイン」のテキスト値を、次を使用しているタグから透明にし<input type="image" value="Login Now">たい...、背景色を透明にするだけですか?

4

3 に答える 3

0

入力ボタンでテキストを透明にしたいということですか？もしそうなら、なぜテキストを空のままにしないのですか?

理論的には、テキストの色を入力の背景色に合わせて「非表示」にすることができますが、それをお勧めするかどうかはわかりません。

鬼ごっこ：

<input type="image" value="Login Now" id="loginButton"/>

CSS:

input#loginButton
{
    color:#fff;
    background-color:#fff;
}

繰り返しますが、テキストを入れてから透明/非表示にする理由がわかりませんか?

于 2010-04-06T19:14:32.460 に答える
0

value<input type="image">通常は使用しません。ブラウザーは、値がフォームの一部として送信されるかどうかについて一貫性がなく (フォームの目的には役に立たない)、テキストとしてレンダリングするべきではありません。

altFirefox と WebKit ではテキストとしてレンダリングされますが、属性を含めていない場合に、これらのブラウザーが代替テキストの代替コンテンツとして使用しているためです。これは、依存すべきではない非標準の癖です。

テキストをalt属性として指定する代わりに、または追加で指定するvalue方が優れており、IE および Opera で表示されます。しかし、それはまだ非常に疑わしいです。<input type="image">実際の imageがなければ意味がありませんsrc。HTML4 標準では、ブラウザがこれをどう処理するかについては言及されていません。HTML5 では、 と の両方srcが存在するalt 必要があります。いずれにせよ、欠落している画像の IE のレンダリングは、ここで必要なものである可能性は低いです。

ここで何をしようとしているのですか？純粋な画像ボタンが必要ですか? 次に<input type="image">、その画像で使用しますsrc。テキストボタンが欲しいですか？次に、場合<input type="submit">によってはスタイル設定された を使用して、境界線を削除し、背景を変更します。

提示された質問に答えるには、値にbackground-colorとのみを設定できます。（テキストの色を設定するために必要なもの）などの他のプロパティはそれを受け入れません。CSS3では、アルファ チャネルが に設定された色を使用できますが、IE からのサポートは期待できません。border-colortransparentcolorrgba0

于 2010-04-06T19:53:38.633 に答える
0

Firefox で Firebug を使用して、その入力要素の背景色を見つけ、その色が前景になるように要素のスタイルを設定できます。

つまり、背景色が白の場合、入力を次のように変更します

<input type="image" value="Login Now" style="color: #ffffff;">

HTML を変更できない場合は、javascript を追加して変更することができます。スタイルシートを変更すると、すべての入力要素の前景色が背景色に変更されてしまいます。しかし、それが必要な場合は、スタイルシートで次のようなことを行うことができます。

input {
    color: white;
}

またはIDまたはクラスを追加して、それらによってスタイルを変更します...前景と背景が同じ色であることを確認してください。

于 2010-04-06T19:21:25.980 に答える