Question

我正在使用css在需要时突出显示带有红色边框的文本框

.garbage[style*=inline] + input,
.garbage[style*=inline] + select,
.garbage[style*=inline] + textarea {
    background-color: #ffcccc;
    border: 1px solid #ff0000;
}

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="Txt_fullname" runat="server" ErrorMessage="RequiredFieldValidator"  class="garbage" SetFocusOnError="true" ValidationGroup="submit" Display="Dynamic">Type this field please.</asp:RequiredFieldValidator>
                                
<asp:TextBox   ID="Txt_fullname" runat="server" ></asp:TextBox>
                                
<asp:Button ID="Btn_submit" runat="server"  Text="submit form" CausesValidation="true" ValidationGroup="submit" 
                                   onclick="Btn_submit_Click"  />

问题是css不适用，直到我点击文本框

Answer 1

使用CSS：

:required {
  border-color: red;
}

Answer 2

如果您将required属性放在一个单选按钮（或任意组合）上，则需要特定的单选按钮组。

在复选框上，使每个复选框都需要（要检查）。

<input type="checkbox" name="checkbox" required="">

或

<input type="checkbox" name="checkbox" required="required">

<强> CSS

:required{
    border-color: #FF0000;
}

需要时，突出显示带有红色边框的文本框

2 个答案: