提交聯(lián)系表格以采用其適當(dāng)?shù)腃SS后,我無法獲得顯示的成功消息。步驟如下:用戶將其數(shù)據(jù)輸入聯(lián)系人表格。該表單信息定向到外部PHP腳本,該腳本將信息發(fā)送到電子郵件地址。提交表單后,PHP會(huì)以DIV元素的形式出現(xiàn)回顯,其內(nèi)容類似于“您成功!”。(到目前為止,這是在嘲笑我)。將“成功”類分配給DIV元素,該類最終應(yīng)應(yīng)用適當(dāng)類的CSS除回聲外,窗體上的所有功能均正常運(yùn)行。當(dāng)應(yīng)用適當(dāng)?shù)念悤r(shí),DIV元素沒有實(shí)際更改。簡單來說,我希望文本為綠色,但保持黑色。HTML格式: <div class="col-lg-5 col-md-8"> <div id="sendmessage" ></div> <div id="errormessage"></div> <div class="form"> <form action="php/contactform.php" method="post" role="form" class="contactForm" id="contactForm"> <div class="form-group"> <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" data-rule="minlen:4" required /> </div> <div class="form-group"> <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" required /> </div> <div class="form-group"> <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" required /> </div> <div class="form-group"> <textarea class="form-control" name="message" id="message" rows="5" data-rule="required" required placeholder="Message"></textarea> </div> <div class="text-center"><button type="submit" name="submit">Send Message</button></div> </form> </div> </div>CSS:#contact .form .success { padding: 1em; margin-bottom: 0.75rem; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}我不會(huì)鏈接到Ajax,因?yàn)樗呀?jīng)應(yīng)用了適當(dāng)?shù)念?。我將繼續(xù)尋找迭代,但是我認(rèn)為這可以歸結(jié)為“您只是不知道CSS”的問題。無論對代碼有多小或微不足道的批評,我們都?xì)g迎。
1 回答

aluckdog
TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊
您正在嘗試將success
類追加到sendmessage
。為此,您的CSS內(nèi)容應(yīng)如下所示:
#contact #sendmessage.success {color:green;}
- 1 回答
- 0 關(guān)注
- 173 瀏覽
添加回答
舉報(bào)
0/150
提交
取消