3

这张图片来自谷歌浏览器

在此处输入图像描述

这张照片是从 Mozilla firefox 捕获的

在此处输入图像描述

您可以看到输入文本类型(姓名:、电子邮件:、电话:)的差异。

那么我该如何管理呢?是否有任何技术使用 css for firefox 和另一种 css for chrome

4

3 回答 3

2

除非您使用 CSS 为字段指定严格的外观,否则两个浏览器都将使用它们的默认输入小部件(它们是不同的,并且取决于操作系统,...)。

使用没有/没有足够的 CSS 时会出现问题。

于 2013-07-31T12:24:02.243 回答
2

我通过设置解决了我的问题border: 1px solid #ccc;。由于 firefox 和 chrome 默认情况下的边框样式不同。

于 2013-08-01T03:20:11.903 回答
0

我认为您的解决方法是添加此规则

width: 300px; /* change size accordingly */

# message {

或者

。信息 {

喜欢

<input class="message" id="message" name="message" type="text" />

而不是简单地使用

<input id="" name="" type="text"/>
于 2013-07-31T12:26:37.990 回答