Html 浏览器上的表单不一致

我在一个网站上工作，这个网站有一个在线表单，可以输入网上银行系统。我的客户希望表单符合某种样式。我尝试了各种方法使它在所有浏览器上看起来一致，但都没有成功

我有一个客户想要什么的形象

我可以在Explorer和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>

---

这里有一个指向该站点的链接：

您试图使其看起来相同的CSS的其余部分在哪里？从图片上看，这似乎是完全可以做到的。我有几个样式表。只是我上面的代码是为了直接改变占位符的颜色。我还试图用表单做一些内联样式。在这里链接整个样式表可以吗？

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;
}