Hello forum,

I was surfing the internet and found a link on how to change the label fore-color.

Set Ajax editor control formatted (CSS, Fonts) value on label using JavaScript in ASP.Net

When I tried to follow the directions to change the color of a label on my web form, I got error in my HTML.

I tried to add color picker to my web form from the design view and I hover the cursor on the label but I didn't see any Smart Task Option appear in the design view.

Please how can I add color picker and change color of label in my web form?

 Html

        <div class="container" style="text-align: center;">
            <div class="form-horizontal">
                <div class="row" style="width: 100%;">
                    <div class="col">
                        <div class="container-fluid1" style="background-color: #ffffff; width: auto; border-radius: 8px;">
                             <div style="font-size:10pt; width: 100%; color:#00003D;">
                                 <br />
                                 <asp:Label ID="Label6" runat="server" Text="Upload Organization Logo" Font-Bold="true" Font-Underline="True" Font-Size="9pt"></asp:Label><br />
                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                 &nbsp;&nbsp;<asp:FileUpload ID="FileUpload2" runat="server" Font-Size="X-Small"/><br /><br />
                                 <asp:Label ID="Label3" runat="server" Text="Upload Passport Photo" Font-Bold="true" Font-Underline="True" Font-Size="9pt"></asp:Label><br />
                                 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                 &nbsp;&nbsp;<asp:FileUpload ID="FileUpload1" runat="server" Font-Size="X-Small"/><br /><br />
                                <asp:Label ID="Label1" runat="server" Text="Organization/Company Name" Font-Bold="true" Font-Size="9pt" Font-Underline="True"></asp:Label><br />
                                <asp:TextBox ID="Textcomp" runat="server"  Font-Size="9pt" Height="20pt" CssClass="form-control" onkeyup="stext(this);" onkeydown="stext(this);"></asp:TextBox><br />
                                <asp:Label ID="Label5" runat="server" Text="Change Name" Font-Bold="true" Font-Size="9pt" Font-Underline="True"></asp:Label><br />
                                <asp:TextBox ID="txtname" runat="server" CssClass="form-control" Font-Size="9pt" Height="20pt" onkeyup="settext(this);" onkeydown="settext(this);"></asp:TextBox><br />
                                <asp:Label ID="Label2" runat="server" Text="Company Name ForeColor" Font-Bold="true" Font-Underline="True" Font-Size="8pt"></asp:Label>&nbsp;
                                <asp:Button ID="Button1" runat="server" Font-Size="7pt" Text="Colour Picker" /><br /><br />
                                <asp:Label ID="Label7" runat="server" Text="Change Name ForeColor" Font-Bold="true" Font-Underline="True" Font-Size="8pt"></asp:Label>&nbsp;
                                <asp:Button ID="Button2" runat="server" Font-Size="7pt" Text="Colour Picker" />
                                  <br />
                                 <br />
                                 <br />
                             </div>
                        </div>
                    </div>
                    <div class="col">
                        <div class="container-fluid2" style="background-color: #ffffff; width: auto;">
                            <div class="child" id="midcont">
                                <asp:Image ID="Image1" runat="server" width="350px" Height="500px" BorderWidth="1pt" BorderStyle="Solid" />
                                <div id="child1">
                                    <div id="chill">
                                        <asp:Image ID="Image4" runat="server" BorderStyle="None" Width="100px" Height="110px" />
                                    </div>
                                    <div id="nann" style="right: 35%;">
                                        <asp:Label ID="Label4" runat="server" Text="Samuel Tochi James" Font-Size="9pt" Width="150"></asp:Label>
                                        <script>
                                            function settext(e) {
     
                                                document.getElementById("<%= Label4.ClientID %>").innerHTML = e.value;
                                            }
                                        </script>
                                    </div>
                                    <div id="organ" style="max-width: 50%;">
                                        <asp:Label ID="orgname" runat="server" Text="COMPANY/ORGANIZATION NAME" Font-Size="9pt"></asp:Label>
                                        <script>
                                            function stext(e) {
                                                document.getElementById("<%= orgname.ClientID %>").innerHTML = e.value;
                                        }
                                        </script>
                                    </div>
                                    <asp:Image ID="Image2" runat="server" BorderStyle="None" Width="40px" Height="40px"/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>