1. ホーム
  2. html

[解決済み] HTMLボタン/サブミットのスタイリングを完全に削除する

2022-04-28 03:54:48

質問

Internet Explorerでボタンのスタイルを完全に削除する方法はありますか?私はボタンにCSSスプライトを使用しており、すべて問題なく見えます。

しかし、ボタンをクリックすると、少し上に移動してしまい、形が崩れてしまいます。cssのクリック状態、またはマウスダウンがあるのでしょうか?何がその状態をトリガーするのかわかりません。

本当に大したことではないのですが、小さなことが大事だったりするんですよね。

どのように解決するのですか?

私は、あなたが言うとき、' をクリックすると、少し上に移動します。 マウスを離すと通常の状態に戻るということでしょうか?また、ボタンのデフォルトのレンダリングを使用しないようにすることです。

input, button, submit { border:none; } 

もしそうなら...

個人的には、このIEネイティブの動作を実際に止める/上書きする/無効にすることはできないことがわかりました。そのため、この動きを許容しつつ、さまざまな状態のボタン全体の外観に影響を与えないように、マークアップを少し変更することにしました。

これが最終的なマークアップです。

<span class="your-button-class">
    <span>
        <input type="Submit" value="View Person">
    </span>
</span>