Question

我正在尝试为input-validation-error类添加一些样式，当验证失败但没有任何反应时显示ErrorMessage文本，没有应用样式

这是我在wwwroot / css / style

的样式表

.field-validation-error {
 color: #ff00;
}
.field-validation-error {
display: none
}
.input-validation-error {
 border: 1px solid #f00;background-color: #fee;
}
.validation-summary-errors {
 font-weight: bold;color: #f00;
}
.validation-summary-valid {
 display: none
 }

我在表单页面的head部分添加了一个link元素：

@model GuestResponse

@{ Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<meta name="viewpot" content="width=device-width"/>
<title>RsvpForm</title>
<link rel="stylesheet" href="css/styles.css"/>
</head>
<body>
<form asp-action="RsvpForm" method="post">
<div asp-validation-summary="All"></div>

<p>
    <label asp-for="Name"> Your Name: </label>
    <input asp-for="Name"/>
</p>
<p>
    <label asp-for="Email"> Your Email:</label>
    <input asp-for="Email"/>
</p>
<p>
    <label asp-for="Phone"> Your Phone:</label>
    <input asp-for="Phone"/>
</p>
<p>
    <label> Will You Attend?</label>
    <select asp-for="WillAttend">
        <option value=""> Choose an option </option>
        <option value="true"> Yes, I'll be There. </option>
        <option value="false"> No, i can't come. </option>
    </select>
</p>
<button type="submit"> Submit Rsvp</button>
</form>
</body>

这里的问题是什么？

我发现问题是什么，使用Intellesense，它没有在href中的CSS之前插入“/” HREF = “CSS / styles.css的”/＆GT; 它应该是： HREF = “/ CSS / Styles.css中”/＆GT;

无法将样式表应用于“input-validation-error”类

0 个答案: