フォームのボタン上に２色つける

質問

フォームのボタン上に書かれている文字に
色を付けたいと思います。
スタイルシートをつかって
<input type=button value="検索*" name="submit" style="color:#FF0000;" >
こんな感じにすると「検索*」という文字が赤くなります。
でも、私がやりたいと思っているのは、
「検索」は黒で「*」は赤く表示したいのです。
こんな事って出来ますでしょうか？
ボタンの上に画像をはったりしないとダメでしょうか？

回答No.3

mousengoke · ベストアンサー

inputタグでは出来ないのでbuttonタグでやってみてはどうでしょうか。

ボタンの部分は
<button type="button" name="submit">検索<span class="colorred">*</span></button>

でヘッドタグの最後に
<style type="text/css">
<!--
.colorred{
color:#ff0000;
}
-->
</style>

のようにしてみてはどうでしょう。ちなみに上ではspanタグにclass="colorred"をしてしましたが*が強調とかの意味があるのならば<em>タグなどを指定してそれにスタイルシートを指定したほうが良いでしょう。

ただし、NN4.xでは無効みたいです。

お礼

ありがとうございます。
buttonタグって初めて聞きました。
ためしてみたところ、私がやりたいと思っていたことに
ピッタリでした。

NN4.xで使用出来ないのが
ちょっと残念ですね。

とても参考になりました。

回答No.2

Dpop

1つのオブジェクトに、別の色を付けると言うことはできません。

やはり、画像ファイルを用意して、それをボタンとして認識させるのが良いように思えます。

お礼

やっぱり、そうですか。
ありがとうございます。

(WinXPとWin98ではボタンの形とか違うので画像はちょっとイヤだったんですけれどしょうがないですね。ＯＳを判定して画像を差し替えようかな。)

回答No.1

Ulu_lun

文字を途中で色を変えるにはstyleタグではなく
fontタグになりますが、valueタグの中にfont
タグを入れると正しく認識出来なくなりますの
で「ボタンを作って貼る」のが良いと思います。

補足

回答ありがとうございます。