使用外部.css文件在html上返回條件格式
[英]Return conditional formatting on html with external .css file
問題描述
我有一個html文件，它通過在表單框中輸入信息（例如姓名，電子郵件地址，年齡）來詢問用戶信息。 如果這些字段為空白，則應使用紅色邊框突出顯示它們。
如果我將以下css樣式代碼放在html頁面中，則突出顯示有效。 但是，如果我將其存儲在外部CSS頁面中，則突出顯示不起作用。
下面的方法有效，但是當第二組在外部css文件中時不起作用。
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" />
<style>
input:invalid {
border: 2px dashed red;
}
input:valid {
border: 2px solid black;
}
</style>
</head>
<style>
input:invalid {
border: 2px dashed red;
}
input:valid {
border: 2px solid black;
}
</style>
我將如何從css文件中獲取樣式，或者甚至有可能？
1 個解決方案
解決方案1
1 已采納 2019-05-22 13:07:49
另一種方法是在發布時向輸入字段添加.valid和.invalid類的類，以表明字段的有效性。 這也將避免您使用原始方法時可能遇到的任何特異性問題。
input.invalid { border: 2px dashed red; } input.valid { border: 2px solid black; }
<input class="invalid" type="text" name="name" placeholder="Invalid" /> <input class="valid" type="text" name="name" placeholder="Valid" />
PHP / HTML / CSS / FileMaker PHP API條件格式<td>
[英]PHP/HTML/CSS/FileMaker PHP API Conditional Formatting <td>
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.