1

内容をメールで送信するフォームを作成しました。他の多くのWebサイトでもまったく同じコーディングを使用していますが、新しいWebサイトhttp://www.peterevansfuneraldirectors.co.uk/contact-us.htmlの場合、送信ボタンは通常のボタンではなく、テキスト付きの灰色の四角です。 。また、ホバー時に手が出ません。

私のフォームコードは...

<form action="php/FormToEmail.php" method="post" name="ContactForm" id="ContactForm" onsubmit="MM_validateForm('name','','R','email','','RisEmail','message subject','','R','message','','R');return document.MM_returnValue" >

                <div class="form-text">
                <b>Name<span class="purple">*</span></b><br />
                <input name="name" type="text" id="name" size="35" style="height:23px; background-color:#FFF; color:#000; border: 1px solid #CCC;" />
                </div><br />

                <div class="form-text">
                <b>Email<span class="purple">*</span></b><br />
                <input name="email" type="text" id="email" size="35" style="height:23px; background-color:#FFF; color:#000; border: 1px solid #CCC;" />
                </div><br />

                <div class="form-text">
                <b>Message Subject<span class="purple">*</span></b><br />
                <input name="message subject" type="text" id="message subject" size="35" style="height:23px; background-color:#FFF; color:#000; border: 1px solid #CCC;" />
                </div><br />

                <div class="form-text">
                <b>Message<span class="purple">*</span></b><br />
                <textarea name="message" type="text" id="message" rows="8" cols="55" style="background-color:#FFF; color:#000; border: 1px solid #CCC;" ></textarea>
                </div><br />

                <div class="submit-button">
                <input type="submit" name="submit" value="Submit" />
                </div>

            </form>

前もって感謝します！

ジャック。

4

3 に答える 3

1

これは、ボタンに適用されているCSSスタイルが原因です。

CSSスタイルを削除すると、標準のボタンのように見えます。

ボタンの上に特定のカーソルが必要な場合は、CSSカーソルスタイルを調べてください。

于 2012-07-03T21:09:33.630 に答える
1

それはcssのために起こりました。この要素のマージン/パディング/ボーダーが無効になっています。

これらのスタイルを無効にすると、ボタンが正常に表示されます。

このスタイルを見てください：

* {
  margin:0; // disable for button
  padding:0; // disable for button
  border:0; // disable for button
}
于 2012-07-03T21:09:55.923 に答える
0

あなたのhtmlに問題はありません。おそらく、このボタンのスタイルを設定するために css を使用しています。送信ボタンから CSS の「border」プロパティを削除してみてください。

css プロパティを確認できる Firebug という Firefox 用の優れたプラグインがあります。原因となっているプロパティが見つからない場合は、それを試すことができます。ボタン要素を右クリックして、「要素を Firebug で検査」を選択します。

于 2012-07-03T21:24:38.140 に答える