Home >Web Front-end >CSS Tutorial >What CSS does: Invalid selectors
What CSS does: Invalid selectors
- 王林forward
- 2023-09-06 12:29:06808browse
Use the CSS :invalid selector to style all elements with invalid values. You can try running the following code to achieve this: invalid selector
Example
Live Demo
<!DOCTYPE html>
<html>
<head>
<style>
input:invalid {
background: red;
}
</style>
</head>
<body>
<h2>Heading</h2>
<input type = "email" value = "InvalidEmail">
<p>The style (red color background) appears if you type an irrelevant/ invalid email address.</p>
</body>
</html>The above is the detailed content of What CSS does: Invalid selectors. For more information, please follow other related articles on the PHP Chinese website!
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete