这张图片来自谷歌浏览器
这张照片是从 Mozilla firefox 捕获的
您可以看到输入文本类型(姓名:、电子邮件:、电话:)的差异。
那么我该如何管理呢?是否有任何技术使用 css for firefox 和另一种 css for chrome
除非您使用 CSS 为字段指定严格的外观,否则两个浏览器都将使用它们的默认输入小部件(它们是不同的,并且取决于操作系统,...)。
使用没有/没有足够的 CSS 时会出现问题。
我通过设置解决了我的问题border: 1px solid #ccc;
。由于 firefox 和 chrome 默认情况下的边框样式不同。
我认为您的解决方法是添加此规则
width: 300px; /* change size accordingly */
至
# message {
或者
。信息 {
喜欢
<input class="message" id="message" name="message" type="text" />
而不是简单地使用
<input id="" name="" type="text"/>