1

だから私は自分のウェブサイトでお問い合わせフォームをスタイリングしてい ましたそして私は「送信ボタン」の問題に遭遇しました、何らかの理由でマージンがあります/必要以上に右に配置されています。他の2つのセクションでは茶色のボタンが正しく配置されていることがわかりますが、3番目の連絡先セクションでは、茶色の送信ボタンが必要以上に右側に配置されているため、原因がわかりません...

そのボタンに影響を与えるcssは次のとおりです（ボタンにはid = "msgSend"があります）。

.inner-trio a, #msgSend {
    color: #fff;
    padding: 3px 0;
    margin: 7px;
    display: block;
    border-radius: 5px 5px 6px 6px;
    background-color: #6a2c10;
    text-shadow: 1px 1px #471d0a;
    text-align: center;
    border-bottom: 4px solid #381201;

}

.inner-trio a:hover, #msgSend:hover {
    background-color: #853815;
    border-bottom: 4px solid #5b2005;
    cursor: pointer !important;
}

.inner-trio a:active, #msgSend:active {
    background-color: #6a2c10;
    border-bottom: none;
    margin-top: 11px;
}
4

3 に答える 3

3

問題は、フォームと入力を定義することmargin:7pxです。希望の結果が必要な場合は、次のように記述します。

input[type="submit"]{
 margin-left:0;
}
于 2012-08-21T14:20:41.800 に答える
3

これを解決する最も簡単な方法は、次のように追加することです。

#msgSend { margin: 0px;}

あなたのCSSに。

于 2012-08-21T14:20:58.537 に答える
2

すべての入力要素の幅を100％に設定し、さらに入力ボタンに7pxのマージンを設定します。あなたの問題があります:)

于 2012-08-21T14:15:26.233 に答える