Изменение цвета текста в модальной форме PHP - PullRequest
Новая
       3

Изменение цвета текста в модальной форме PHP

0 голосов
/ 05 февраля 2019

У меня есть модальная форма, где я прошу людей вводить информацию.До недавнего времени он вел себя отлично, теперь часть текста не будет отображаться, поскольку изменился цвет по умолчанию.

Текст, используемый по умолчанию для черного цвета на белом фоне.Я могу увидеть текст, выделив.Я пытался изменить цвета текста, но ничего не работает.Я сбит с толку, так как я не менял этот код месяцами.Не уверен, почему это изменилось.

Вы можете увидеть пример в коде, который я разместил, где я пытался установить цвет текста на # 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">&times;</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">&nbsp;<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>

1 Ответ

0 голосов
/ 07 февраля 2019

Мне удалось исправить это с некоторым правильным форматированием.В прошлом, хотя это работало отлично, но теперь кажется, что вы явно определяете цвет текста, когда раньше вам не приходилось.

Единственная причина, по которой я могу придумать, заключается в том, что версия 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">&times;</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">&nbsp;<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>

Это может быть другаяпричина, но не уверен.У меня нет знаний, чтобы отслеживать такие вещи.

...