想要把ext:TextField 中FieldLable中字段“微信号码”颜色加红加粗,在网上找了好一会儿,没有找到满意的结果,只好自己尝试。
<ext:TextField ID="txt_weixin" LabelWidth="100" runat="server" FieldLabel="微信号码" Width="230">
</ext:TextField>
把这段代码添加
style="color: red;font-weight: bold;"
之后,代码如下,运行之后,字符串“微信号码:”并没有变,而微信号码后面的文本框中输入字体变红加粗。
<ext:TextField ID="txt_weixin" <span style="font-family: Arial, Helvetica, sans-serif;">style="color: red;font-weight: bold;"</span><span style="font-family: Arial, Helvetica, sans-serif;"> LabelWidth="100" runat="server" FieldLabel="微信号码" Width="230"> </span>
</ext:TextField>
结果如下,而字符串“微信号码:”并没有变化
通过F12发现,这段代码解析成了div、label和一个文本框。添加的样式自动加到了文本框上。
既然解析成label,就给label添加样式。代码如下,
<ext:TextField ID="txt_weixin" style="color: red;font-weight: bold;" LabelWidth="100" runat="server" FieldLabel="<lable style='color: red;font-weight: bold;'>微信号码</lable>" Width="230">
</ext:TextField>
运行之后发现,终于可以愉快的显示变红加粗的“微信号码”啦。
F12之后,发现解析如下