html - 在本地主机上没有填充但在网络服务器上没有填充?

标签 html css styles padding

我只是对目前发生的事情有一个简短的问题。将其上传到网络服务器时,css 设置必须与一个浏览器中的本地主机相同,我说得对吗?

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

这是网络服务器上的情况:

web

这是本地主机上的内容:

local

我将在网络服务器上上传一个 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/

相关文章:

html - 如何显示已使用显示 :none css property? 隐藏的 webkit 滚动条

HTML 链接有时无法正常工作

jquery - 用于保留所选 "li"突出显示的 css/jquery

jquery - 在 ASP .Net MVC 4 页面上使用 jQuery 更改背景图像

html - 如何为两个不同的元素制作相同的高度?

delphi - 在 Delphi XE2 中使用样式的字符串网格 - 滚动条不更新

javascript - 当 p 标签接近时向下移动元素

javascript - 为什么 ngAnimate 不在 div 上工作?

android - 更改 searchview 小部件的背景可绘制

css - 使 div 的高度与其在 Bootstrap 中的宽度相同