Php HTML内容不';在使用AJAX插入后不应用CSS
我使用AJAX从数据库中获取特定页面的页面内容。 这很好,但现在我的问题是: 对于“联系人”页面,我从数据库中获取一个表单(只是HTML…)。但是它忽略了CSS,我已经在页面的头部加载了CSS。 表单部件具有ID和类 我的想法是,这是由我加载CSS后插入内容引起的 注意:我没有使用JQuery,我不想在这个项目中使用它 该表单如下所示:Php HTML内容不';在使用AJAX插入后不应用CSS,php,javascript,html,css,ajax,Php,Javascript,Html,Css,Ajax,我使用AJAX从数据库中获取特定页面的页面内容。 这很好,但现在我的问题是: 对于“联系人”页面,我从数据库中获取一个表单(只是HTML…)。但是它忽略了CSS,我已经在页面的头部加载了CSS。 表单部件具有ID和类 我的想法是,这是由我加载CSS后插入内容引起的 注意:我没有使用JQuery,我不想在这个项目中使用它 该表单如下所示: <form method="post" action="#"> <label id="CLabel" for="sendname">Na
<form method="post" action="#">
<label id="CLabel" for="sendname">Name:<span class="required"></span></label><input type="text" class="contact" name="sendname" maxlength="30" required placeholder="Your Name..(Required)"><br>
<label id="CLabel" for="sendemail">Email:<span class="required"></span></label><input type="email" class="contact" name="sendemail" maxlength="100" placeholder="Your Email-address.."><br>
<label id="CLabel" for="reason">Contact reason:</label><input type="text" class="contact" name="sendreason" maxlength="30" required placeholder="Your Reason..(Required)"><br>
<label id="CLabel" for="sendmsg"></label><textarea id="cmsg" class="noResize" name="sendmsg" required placeholder="Your Message..(Required)" onfocus="this.value=\"\"; this.onfocus=null;"></textarea><br>
<label id="CLabel" for="contactbutton"></label><input class="contactbutton" type="submit" name="contactbutton" value="Send">
</form>
解决了。主人还没有接受我的新css文件(我不知道为什么)。
我删除了旧的,再次上传,现在它工作了
谢谢你的支持 有两件事:
- 你的预览链接不工作李>
- 您发布的标记无效(您正在将ID“CLabel”重新用于标签)李>
- 有没有可能CSS并没有像你所期望的那样被包括进来?打开Firebug或Chrome开发者工具,确保CSS通过时不会出现任何错误
- 您的CSS是否可能没有正确地针对新内容
- 您的问题(目前)并不明显,但您是否可能通过iFrame加载内容(在这种情况下,父页面的CSS不会影响它)
id
加载css后插入内容不是一个简单的问题problem@steven:链接没有断开,但我的主人显然有问题。@kevmc:好的,谢谢,我会解决的,但我想这不会解决问题。请看问题中我的注释。我不会将内容加载到iFrame中。(我不喜欢iFrames。)
label.CLabel{
display:inline-block;
width: 7em;
}
input.contact{
width:400px;
margin-top:5px;
}
/* Button of the contact form */
.contactbutton{
width: 100px;
background: #c1c1c1;
color: #8b0000;
text-transform: uppercase;
text-shadow: #000 1px 1px;
margin-top: 10px;
}
textarea.noResize { resize:none; }
textarea#cmsg {
width: 400px;
height: 120px;
margin-top:5px;
border:none;
font-family: Tahoma, sans-serif;
}