选择性表格文本颜色变化

Question

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

<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 

Answer 1

把一个跨度给你所有的* s。

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

在你的CSS

然后：

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

Answer 2

尝试包裹*在span，然后应用CSS规则为它

例如

.someclass { 
    color: red; 
} 

Answer 3

只要把*到span标记和CSS应用到它像

HTML

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

CSS

.redSpan { color:#F00;} 

Answer 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