爲什麼此輸入按鈕在Chrome中正確顯示,但在IE或Firefox中顯示在右側。這裏是鏈接,它是在右側的第二個按鈕:爲什麼此輸入按鈕在Chrome中正確顯示,而不是在IE和Firefox中?
網站:http://dallaspetsalive.org/about/
HTML:
<div style="float:center;text-align:center;">
<form action="http://linkhidden" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
<br /><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" style="text-align:center;float:center;" >
</form>
</div>
這是CSS:
input.button {
background: -moz-linear-gradient(center top , #E8E8E8 0%, #D1D1D1 100%) repeat scroll 0 0 transparent;
border: 1px solid #9D9D9D;
border-radius: 15px 15px 15px 15px;
box-shadow: 0 1px 0 #F5F5F5 inset;
color: #656464;
display: inline-block;
padding: 6px 12px;
text-shadow: 1px 1px 0 white;
}
我認爲浮動:中心不存在。 – chepe263 2013-04-24 02:24:39