Question

我正在一个网站上工作，该网站提供在线银行系统。我的客户希望表单符合某种风格。我已经尝试了各种方法使它在所有浏览器上看起来都一致，但都没有成功。

我可以在资源管理器和Firefox中以我想要的方式获取它，但在Chrome上看起来不一样。基本上，客户的所有内容都以不同元素周围的统一边距为中心。

我已将此代码用于表单：

<form name="McMForm" id="McMForm" method="post" target="_blank" action="http://domain/Login/Login.aspx">
<table style="width: 230px;">
<tr>
<td colspan="2" style="bgcolor: #ff0000; width: 230px; height: 36px;"><img src="images/online-banking.png" alt="Union State Bank Online Banking" title="Union State Bank Online Banking" /></td>
</tr>
<tr>
<td style="width: 180px; height: 30px;"><div id="McMUserNameDiv" style="color:#000000;">
<input name="UserName" type="text" id="McMUserID" placeholder="&nbsp;Username" style="color: #000; width: 176px;"/></td>
<td style="width: 50px; height: 30px;">
<input type="submit" value="LOGIN" style="background-color: #ff0000; color: #ffffff; font-weight: bold;"/>
</div></td>
</tr>
</table>
<script type="text/javascript">mcmFixDomain();</script>
</form>

我在样式表中使用了以下代码：

input::-webkit-input-placeholder { /* WebKit browsers */
color:    #003060;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:    #003060;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    #003060;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color:    #003060;
}
input:placeholder-shown {
color:  #ff0000;
}

以下是该网站的链接：http://usbcc.com/new-responsive/

表单在浏览器上不一致

0 个答案: