0

我只是对目前发生的事情有一个简短的问题。将css设置上传到网络服务器时，css设置必须与一个浏览器中的localhost相同吗？

我做了一个截图来说明我的意思：

这是网络服务器上的样子：

网络

这里是本地主机上的内容：

当地的

我将在网络服务器上上传一个 css 文件，当我查看我的本地主机页面进行预览时，我会以这种方式看到它。它是完全相同的文件，也是相同的浏览器（safari、chrome、firefox）。通过调用 webservers 页面，为输入字段添加了填充，这正是 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 文件，但不认为这会导致这种现象。那怎么可能呢？

我想提到的唯一区别是，在 localhost 上，由于 php 的 error_reporting 和通知消息，整个身体向下延伸。

文档类型是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

谢谢。

4

1 回答 1

1

我认为 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;
}

尝试用此代码替换并回复，如果不是 wokring :)

于 2013-03-15T13:19:41.543 回答