以下のHTMLをWindowsのIE 6で表示させると、ボタンのボーダーがおかしくなります(アンチエイリアスのドットが大きい感じ)。

これを修正する方法はあるでしょうか?

---
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
</head>

<body>
<form>
<div>
<input type="submit" value="メールアドレスを変更する" />
</div>
</form>
</body>
</html>
---

回答の条件
  • 1人2回まで
  • 登録:
  • 終了:2006/06/13 15:58:57
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答2件)

id:pxb12663 No.1

回答回数395ベストアンサー獲得回数14

ポイント35pt

これはIE6というよりWindowsXPの仕様ですので仕方がないです。

ボタンの中の文字を長くするとその分、ボタンのイメージを引き延ばすためだと思われます。

これを回避するには、ボタンにスタイルシートを設定するといいでしょう。

例えば、

<input type="submit" value="メールアドレスを変更する"  style="border:1px"/>

こんな感じです。“style="border:1px"”の部分がそれに当たります。

http://www.tohoho-web.com/css/index.htm

こちらを参考にして、色々試してみるといいでしょう。

id:imsut

ありがとうございます。

border: 1px

をつけると、ボタンが古い感じになっちゃいますねー。

画像を別途作って張るしかないのでしょうか・・・。

2006/06/13 15:20:28
id:kazu1107 No.2

回答回数199ベストアンサー獲得回数14

ポイント35pt

デザインにこだわるなら画像を張った方がいいかと。

今の状況ではWindowsXP以外はデフォルトでpbx12663様が言う「古い感じ」のボタンになります。

id:imsut

なるほど・・・。

わかりました。ありがとうございます。

2006/06/13 15:58:29
  • id:u-chan
    終了されたようなので、いわしに書きます。

    <input type="submit" value="メールアドレスを変更する" style="font-size: 12px;" />

    のように、font-sizeをしてしてみてはどうでしょうか?
    12px以下なら、「アンチエイリアスのドットが大きい感じ」もクラシックな感じも回避できます。

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません