EREは、(CSSを含む)私のコードです:ChromeはHTMLフォームが(<入力タイプは、=/"提出">)ボタンを提出認識できない
<form id="contactform" action="#" method="post">
<label for="name">Name</label>
<input type="text" class="fieldbox" name="name" id="name" value=""/>
<label for="email">Email</label>
<input type="text" class="fieldbox" name="email" id="email" value=""/>
<label for="msg">Message</label>
<textarea class="area fieldbox" id="msg" name="msg" rows="8" cols="20"></textarea>
<input type="submit" value="Send Message" id="sendbutton" name="sendbutton"/>
</form>
#sendbutton {
background:top left no-repeat url(../images/send-button.jpg);
color:#000;
font-family: Arial, sans-serif;
font-size:14px;
text-transform:uppercase;
padding:14px 57px 14px 13px;
float:right;
margin:10px 5px 0 0;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;}
私は、Firefox、IE、およびChromeでこのコードをテストしています。 FirefoxとIEは、送信ボタンを意図したとおりに表示します。 Chromeはボタンを表示しますが、クリックすることはできません。それはテキストとしてのみ表示されます。これをどうすれば解決できますか?
注:申し訳ありませんが、コードフォーマットが貧弱です。私はここで新しく、コードを適切にフォーマットする方法を理解できませんでした。
更新:問題を特定して修正しました。 float:right;
からposition:relative
に変更されました。
自分の症状をChromeのコピーに再現できません。この問題は、共有していないコード(JavaScript、CSS、その他のHTMLなど)にある可能性があります。 – Quentin
あなたの 'label'要素は役に立たず、BTW、' for'属性は関連するフォームコントロールの 'id'を参照し、コントロールにはIDがありません。 – Quentin
問題を再現する正確な最小値が残されるまで、フォームの一部を削除してください。残ったコードを表示するか、明らかになったバグを修正してください –