选择性表单文本颜色更改答案

【问题标题】：Selective Form Text Color Change选择性表单文本颜色更改
【发布时间】：2012-10-22 05:47:17
【问题描述】：

我想在下面的表单代码中将“*”的颜色更改为红色，以便它们更加突出。到目前为止，我还没有找到一种简单的方法来做到这一点。，并且自定义标签在表单中不起作用。

<form name="requestForm" action="requestSent.cshtml" onsubmit="return validateRequest()" method="post">

<label>Email Address: *</label><br>
    <input type="text" name="customerEmail" /><br><br>

<label>First Name: *</label><br>
    <input type="text" name="firstName" /><br>
<label>Last Name: </label><br>
    <input type="text" name="lastName" /><br><br>

<label>Phone Number: </label><br>
    <input type="text" name="phoneNumber" /><br><br>

<label>Request: *</label><br>
    <textarea name="customerRequest" cols="40" rows="4"></textarea>

<p><input type="submit" value="Submit" /></p>

<br>
* Required Fields

【问题讨论】：

标签： javascript html css forms razor

【解决方案1】：

为您的所有*s 设置一个跨度。

<label>Email Address: <span class="red">*</span></label><br>

然后在你的 CSS 中：

<style type="text/css">
 .red{
  color: red;
 }
</style>

【讨论】：

完美，做到了！谢谢！

【解决方案2】：

只需将 * 放入 span 标签中，然后将 css 应用于它

html

<label>Email Address: <span class="redSpan">*</span></label>

css

.redSpan { color:#F00;}

【讨论】：

【解决方案3】：

尝试将 * 包装在 span 中，然后为其应用 css 规则

例如

.someclass {
    color: red;
}

【讨论】：

【解决方案4】：

试试这个代码

<style type="text/css">
.required{color:red;}
</style>
<form name="requestForm" action="requestSent.cshtml" onsubmit="return validateRequest()" method="post">

<label>Email Address: <span class="required">*</span></label><br>
    <input type="text" name="customerEmail" /><br><br>

<label>First Name: <span class="required">*</span></label><br>
    <input type="text" name="firstName" /><br>
<label>Last Name: </label><br>
    <input type="text" name="lastName" /><br><br>

<label>Phone Number: </label><br>
    <input type="text" name="phoneNumber" /><br><br>

<label>Request: <span class="required">*</span></label><br>
    <textarea name="customerRequest" cols="40" rows="4"></textarea>

<p><input type="submit" value="Submit" /></p>

<br>
<span class="required">*</span> Required Fields

【讨论】：