如何编写CSS选择器以只检索错误消息“输入密码”?
<div class="input-label-element">
<input type="text" class="Input--regular is-error" minLength="0" maxLength="120" name="username" errorMessage="Enter username" value>
<div class="Input-regular Input--help-regular Input--message">Enter username</div>
<div class="input-label-element">
<input type="text" class="Input--regular is-error" minLength="0" maxLength="120" name="username" errorMessage="Enter password" value>
<div class="Input-regular Input--help-regular Input--message">Enter password</div>
您可以使用ErrorMessage
属性将其作为目标:
[errorMessage="Enter Password"] {
/* style */
}
为此,您可以使用css属性选择器:
null
input[errorMessage="Enter password"] {
border: solid 2px red;
}
<div class="input-label-element">
<input type="text" class="Input--regular is-error" minLength="0" maxLength="120" name="username" errorMessage="Enter username" value>
<div class="Input-regular Input--help-regular Input--message">Enter username</div>
<div class="input-label-element">
<input type="text" class="Input--regular is-error" minLength="0" maxLength="120" name="username" errorMessage="Enter password" value>
<div class="Input-regular Input--help-regular Input--message">Enter password</div>