表单的css无法使用后的页脚css,此css代码中的问题是什么?
/*------------------------------------*\
FORMS */
fieldset { padding: 10px; border: 1px solid #ccc; margin-bottom: 1.5em; }
label { display: block; cursor: pointer; }
label:after { content:\": "; }
label::after { content:\": "; }
input,textarea { font-family: inherit; font-size: 1em; line-height: 1.5; }
[placeholder] { cursor: pointer; }
[placeholder]:active,[placeholder]:focus { cursor: text; }
fieldset > :last-child { margin: 0; }
footer {background:red; height:200px; width:200px}
jSfiddle http://jsfiddle.net/Aw239/
在jsfiddle示例中,页脚应为红色背景。
最佳答案
至少firefox似乎不了解label:after { content:\": "; }
我不知道这是怎么回事,但我所知道的是这是罪魁祸首。我从未真正正确地使用过内容。
但是,删除这些行,一切都将顺利进行。(或重新格式化这两行,如Kyle所示,它应该这样做。)
似乎它不喜欢与其他所有内容在同一行中包含分号
http://jsfiddle.net/Aw239/3/
或者..摆脱\
的?
关于html - 此代码后无法正常工作的任何CSS,仅在Firefox中,此CSS代码有什么问题?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/6979997/