1

この問題を抱えている人が他に見つからないため、何か間違ったことをしているように感じ始めています。そのため、開発者の支援を求めています。前もって感謝します！

リセットボタンの周りには、削除したい境界線があります。私の送信ボタンにはそれがないので、それは奇妙です：

<div class="contact-submit">
    <input type="image" src="images/submit-btn.png" width="93" height="33" value="Send Message">
    <button type="reset"> 
        <img src="images/reset-btn.png" width="93" height="33"/> 
    </button> 
</div>
4

2 に答える 2

3

ボタンはボタンなので、ボタンのように見えます。この外観を変更するには、ブラウザのボタンスタイルを独自のCSSスタイルで上書きします。

CSS

button {
    background-color: transparent;
    border: medium none;
}
于 2012-08-13T18:04:44.060 に答える
1

わかりました。ページのソースを調べました。HTMLでは、送信ボタンは実際にはボタンではなく、入力画像です。

<div class="contact-submit">
<input type="image" src="images/submit-btn.png" width="93" height="33" value="Send Message"> 
<button type="reset"> 
<img src="images/reset-btn.png" width="93" height="33"/>
</button> 
</div>

一方、リセットボタンは実際にはボタンです。送信ボタンのように入力画像に変更すると、同じように見えるはずです。以下の私のコードを参照してください：

<div class="contact-submit">
<input type="image" src="images/submit-btn.png" width="93" height="33" value="Send Message"> 
<input type="image" src="images/reset-btn.png" width="93" height="33"/>
</div>

クリックイベントをどのように処理しているかはわかりませんが、追加する必要があるvalue="Reset"か、その入力要素に設定しているようです。

于 2012-08-13T17:50:24.913 に答える