何らかの理由で、IE7 の asp:button は、ボタンの左側に 100 ピクセル (またはその程度) を追加します。これは私のCSSスタイリングに問題を引き起こします。確かに、個々のボタンに正確なピクセル寸法を与えることで、個々のボタンを上書きすることもできます..しかし、私の会社が構築しているアプリケーションには、ページごとに約 10 個のボタンが含まれる約 50 ページがあるため、それはお尻の痛みになります (実行できます)。数学!)。テキストのサイズ/幅に応じて、必要に応じて asp:button を大きくしたいと思います。
どんな助けでも大歓迎です。
ASPX (html)
<div class="sales-order-buttons">
<asp:Button ID="btnSearchSalesOrders" runat="server" Text="Search Sales Orders" />
<asp:Button ID="btnViewAssociatedOrders" runat="server" Text="View Associated Orders" />
</div>
CSS
input[type="submit"] {
background: url("../images/arrow.png") no-repeat left red;
color: #006aae;
float: left;
text-align: left;
display: block;
width: auto;
margin-left: 10px;
text-indent: 40px;
}
input[type="submit"]:hover {
color: #009CFF;
cursor: pointer;
}