我有一个模态形式，要求人们输入信息。直到最近，由于默认颜色已更改，现在某些文本仍无法显示。
文本默认情况下在白色背景上为黑色。我可以突出显示文本。我曾尝试更改文本颜色，但没有任何效果。我感到困惑，因为我已经几个月没有更改此代码了。不知道为什么这已经改变了。
您可以在我发布的代码中看到一个示例，该示例中我试图将文本颜色设置为＃333333，但没有任何变化。
期望的颜色是带有黑色文本的白色背景。
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Pricing</h4>
</div>
<div class="modal-body pricing">
<div class="row" style="background-color: #333333; color: white;text-align: center;line-height: 35px">
<div class="col-lg-7">Item</div>
<div class="col-lg-2">Qty</div>
<div class="col-lg-3">Price</div>
</div>
<form>
<div class="row itemlabel">
<div class="col-lg-7"><style ="color:DodgerBlue;">Blocks [ Size : 10 pixels X 10 pixels : Min 1 - Max 49]</div>
<div class="col-lg-2"><input class="form-control" type="number" value="1" min="1" max="49" id="blockCount"/> </div>
<div class="col-lg-3"></div>
</div>
<div class="row itemlabel">
<div class="col-lg-7">Add Logo</div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="addLogo"/> </div>
<div class="col-lg-3" id="addLogoPrice">1.00 USD</div>
</div>
<div class="row itemlabel">
<div class="col-lg-7">Add Sticker "Currently FREE to change" <a target="_blank" href="<?php echo get_site_url().'/stickers';?>" class="badgesHelp" data-toggle="tooltip" title="" data-rel="tooltip"> <i class="fa fa-question-circle"></i> </a></div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="addBadge"/> </div>
<div class="col-lg-3" id="addBadgePrice">0.50 USD</div>
</div>
<div class="row itemlabel">
<div class="col-lg-7">Add Link</div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="addLink"/> </div>
<div class="col-lg-3" id="addLinkPrice">1.00 USD</div>
</div>
<div class="row" style="background-color: #333333; color: white;text-align: center;line-height: 35px">
<div class="col-lg-12">Listing Duration</div>
</div>
<div class="row itemlabel">
<div class="col-lg-7">1 Year</div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="duration1" /> </div>
<div class="col-lg-3" id="duration1Price">1.00 USD</div>
</div>
<div class="row itemlabel">
<div class="col-lg-7">2 Years</div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="duration2" /> </div>
<div class="col-lg-3" id="duration2Price">2.00 USD</div>
</div>
<div class="row itemlabel">
<div class="col-lg-7">5 Years</div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="duration3" /> </div>
<div class="col-lg-3" id="duration3Price">5.00 USD</div>
</div>
<div class="row itemlabel">
<div class="col-lg-7"><h4 style="color:DodgerBlue;"><b>Forever - "BEST VALUE"</b></h4></div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="duration4" /> </div>
<div class="col-lg-3" id="duration4Price">15.00 USD</div>
</div>
</form>
<div class="row" style="font-size: 19px; font-weight: bold; margin-top: 28px;">
<div class="col-lg-9" style="text-align: right">Total</div>
<div class="col-lg-3" style="text-align: left" id="totalAmount">1.00 USD</div>
</div>
</div>
<div class="modal-footer">
<div class="errorMsg" style="text-align:center"></div>
<div class="alert alert-info text-center">You will be able to edit the block and add your story upon successful purchase </div>
<button type="button" class="btn btn-default" onclick="addDataToCart();">Buy Now</button>
</div>
</div>
</div>
</div>
答案 0 :(得分：0)
我设法用一些正确的格式解决了这个问题。在过去，尽管它可以完美工作，但现在看来您已经在不需要之前明确定义了文本颜色。
我能想到的唯一原因是网站构建的wordpress版本已经更新，而php的基础版本也已经更新，现在您必须明确定义颜色。
这是更新的代码：
<!-- Modal -->
<!-- Thi is the code for the Buying Blocks Modal Form -->
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Pricing</h4>
</div>
<div class="modal-body pricing">
<div class="row" style="background-color: #333333; color: white;text-align: center;line-height: 35px">
<div class="col-lg-7">Item</div>
<div class="col-lg-2">Qty</div>
<div class="col-lg-3">Price</div>
</div>
<form>
<div class="row itemlabel">
<div class="col-lg-7"><p style="color:Black;"><b>Blocks [ Size : 10 pixels X 10 pixels : Min 1 - Max 49]</b></p></div>
<div class="col-lg-2"><input class="form-control" type="number" value="1" min="1" max="49" id="blockCount"/> </div>
<div class="col-lg-3"></div>
</div>
<div class="row itemlabel">
<div class="col-lg-7"><p style="color:Black;"><b>Add Logo</b></p></div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="addLogo"/> </div>
<div class="col-lg-3" id="addLogoPrice"><p style="color:Black;"><b>1.00 USD</b></p></div>
</div>
<div class="row itemlabel">
<div class="col-lg-7"><p style="color:Black;"><b>Add Sticker "Currently FREE to change" <a target="_blank" href="<?php echo get_site_url().'/stickers';?>" class="badgesHelp" data-toggle="tooltip" title="" data-rel="tooltip"> <i class="fa fa-question-circle"></i> </a></b></p></div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="addBadge"/> </div>
<div class="col-lg-3" id="addBadgePrice"><p style="color:Black;"><b>0.50 USD</b></p></div>
</div>
<div class="row itemlabel">
<div class="col-lg-7"><p style="color:Black;"><b>Add Link</b></p></div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="addLink"/> </div>
<div class="col-lg-3" id="addLinkPrice"><p style="color:Black;"><b>1.00 USD</div>
</div>
<div class="row" style="background-color: #333333; color: white;text-align: center;line-height: 35px">
<div class="col-lg-12">Listing Duration</div>
</div>
<div class="row itemlabel">
<div class="col-lg-7"><p style="color:Black;"><b>1 Year</b></p></div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="duration1" /> </div>
<div class="col-lg-3" id="duration1Price"><p style="color:Black;"><b>1.00 USD</b></p></div>
</div>
<div class="row itemlabel">
<div class="col-lg-7"><p style="color:Black;"><b>2 Years</b></p></div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="duration2" /> </div>
<div class="col-lg-3" id="duration2Price"><p style="color:Black;"><b>2.00 USD</b></p></div>
</div>
<div class="row itemlabel">
<div class="col-lg-7"><p style="color:Black;"><b>5 Years</b></p></div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="duration3" /> </div>
<div class="col-lg-3" id="duration3Price"><p style="color:Black;"><b>5.00 USD</b></p></div>
</div>
<div class="row itemlabel">
<div class="col-lg-7"><h4 style="color:DodgerBlue;"><b>Forever - "BEST VALUE"</b></h4></div>
<div class="col-lg-2"><input class="form-control" type="checkbox" value="1" id="duration4" /> </div>
<div class="col-lg-3" id="duration4Price"><p style="color:Black;"><b>15.00 USD</b></p></div>
</div>
</form>
<div class="row" style="color:Black; font-size: 19px; font-weight: bold; margin-top: 28px;">
<div class="col-lg-9" style="text-align: right">Total</div>
<div class="col-lg-3" style="text-align: left" id="totalAmount"><p style="color:Black;"><b>1.00 USD</b></p></div>
</div>
</div>
<div class="modal-footer">
<div class="errorMsg" style="text-align:center"></div>
<div class="alert alert-info text-center">You will be able to edit the block and add your story upon successful purchase </div>
<button type="button" class="btn btn-default" onclick="addDataToCart();">Buy Now</button>
</div>
</div>
</div>
</div>
这可能是另一个原因，但不确定。我不具备追踪此类事物的知识。