css - 以嵌入形式隐藏带有css的输入字段

Question

您好我正在使用 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;
}

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

Answer 1

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

Answer 2

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