我只是对目前发生的事情有一个简短的问题。将其上传到网络服务器时,css 设置必须与一个浏览器中的本地主机相同,我说得对吗?
我做了一个截图来说明我的意思:
这是网络服务器上的情况:
这是本地主机上的内容:
我将在网络服务器上上传一个 css 文件,当我查看我的本地主机页面进行预览时,我将以这种方式看到它。它是完全相同的文件和相同的浏览器(safari、chrome、firefox)。通过调用网络服务器页面,在输入字段中添加了一个填充,这正是 css 中的内容:
input[type="text"],[type="password"] {
color: #ccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
width: 170px;
height: 15px;
line-height: 10px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
padding-left:5px;
pading-right:5px;
padding-top:3px;
padding-bottom:2px;
outline:none;
}
在本地主机上查看时没有任何填充?我使用重置的 css 文件,但不认为这会导致这种现象。那怎么可能呢?
我想提的唯一区别是,由于 php 的 error_reporting 和通知消息,在本地主机上整个主体向下扩展。
文档类型是:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
谢谢。
最佳答案
我认为padding-right pading-right:5px;
有误
另外,您使用的代码很好,但有时可能会出现某些伪代码无法工作的情况,因此最好在 CSS 中定义时直接使用。像这样..
input[type="text"],input[type="password"] {
color: #ccc;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
width: 170px;
height: 20px;
line-height: 14px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
padding:3px 5px;
outline:none;
}
尝试用这段代码替换,如果不行就回复 :)
关于html - 在本地主机上没有填充但在网络服务器上没有填充?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15432781/