在嵌入式表单中隐藏带有css的输入字段答案

【问题标题】：Hiding input field with css in an embeded form在嵌入式表单中隐藏带有css的输入字段
【发布时间】：2012-12-22 17:40:36
【问题描述】：

您好，我正在使用 machforms，不幸的是它没有隐藏或禁用字段的设置。我试图用 css 来做，因为你需要像这样使用 javacode 或 php 将表单嵌入到你的页面中

<script type="text/javascript">
var __machform_url = 'domain/forms/embed.php?id=13200';
var __machform_height = 479;
</script>
<div id="mf_placeholder"></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="domain/forms/js/jquery.ba-postmessage.min.js"></script>
<script type="text/javascript" src="domain/forms/js/machform_loader.js"></script>

这是我看到的 html 是查看页面代码。

    <form id="form_13200" class="appnitro top_label" action="#main_body" data-highlightcolor="#FFF7C0" method="post"><div class="form_description"></div>
<ul>
<li id="li_1" class="#li_1 { display:none !important; } highlighted"><label class="description" for="element_1"></label><div><input id="element_1" class="element text medium" type="text" value="" name="element_1"></input></div></li>
<li id="li_buttons" class="buttons"></li></ul></form>

我把它放在 css 中

#li_1
{
display: none !important;
}

似乎不起作用，有人可以指出我这样做的正确方法。谢谢

【问题讨论】：

您的类属性无效，但这不会对您的代码不起作用产生任何影响。我在 jsfiddle (jsfiddle.net/jaRAp) 中尝试过，代码按预期隐藏了输入字段。您的情况有何不同？

标签： css forms input hide field

【解决方案1】：

class="#li_1 { display:none !important; } highlighted" 无效。您将样式表语法与类名值混合在一起。

【讨论】：

【解决方案2】：

您的内联 CSS 错误。正确的语法是 <li class="foo" style="display: none;">bar</li> 希望对您有所帮助！所以：<li id="li_1" class="#li_1 highlighted" style="display: none;">

【讨论】：