首页 > 解决方案 > CSS 在本地运行良好,但在 WordPress 页面上却不行

问题描述

我试图理解为什么有些 CSS 对我不友好 - 我在搞乱这个 codepen:

https://codepen.io/arcs/pen/OmZaex

当您在输入中输入信息时,标签会向上移动并移开。

我几乎肯定这行 CSS 正在做这项工作:

#inputContainer input:valid + #inputLabel {   
top: -15px;   
font-size: 11px;   
font-weight: normal;   
color: #9e9e9e; 
}

我以前从未见过这种约定,当我尝试在 Wordpress 页面上使用它时,不会触发这种 CSS 状态。

CSSLint 也将其声明为无效。

那里的任何 CSS 专家都知道如何在 Wordpress 页面上进行这项工作......或者至少为什么它不起作用?

编辑:我没有提到这是在 Wordpress 页面内 - 我很抱歉忘记了可能是这个问题最重要的方面

标签: csswordpressadvanced-custom-fields

解决方案


可能与本地环境的相对路径与它们在服务器上的位置有关。尝试根据服务器将文件的路径更改为绝对/完整路径。另外,是否有任何 css 格式有效?例如,

相对路径 /files/style.css

绝对路径 http://www.yoursite.com/files/style.css


推荐阅读