我有一个模式窗体,我要求人们输入信息。截至日前,已表现现在一些完美的文本不会显示,因为默认的颜色发生了变化。
文中使用默认为黑色在白色背景上。我可以通过突出显示看到的文字。我试图改变文字颜色,但没有什么工作。我感到莫名其妙,因为我已经好几个月改变了这种代码。不知道为什么这种情况已经改变。
你可以看到我已经张贴在我试图设置文本颜色为#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>
我设法与一些正确的格式解决这个问题。在过去,虽然它的工作完美,但现在看来,你已经明确定义文本颜色,当你之前没有得。
我能想到的唯一理由是,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>
这可能是另一个原因,但不能确定。我没有知识来跟踪这样的事情。