CSS :focus 伪类的用法

ID:13150 / 打印

您可以尝试运行以下代码来实现 :focus 伪类

示例

现场演示

<!DOCTYPE html> <html>    <head>       <style>          input:focus {             background-color: orange;          }       </style>    </head>    <body>       <form action = "">          Subject <input type = "text" name = "subject"><br>          Student: <input type = "text" name = "student"><br>          Age: <input type = "number" name = "age"><br>          <input type = "submit" value = "Submit">       </form>    </body> </html>

输出

CSS :focus 伪类的用法

上一篇: 如何使用CSS选择器选择文本输入字段?
下一篇: 如何使用 CSS 更改选定文本的颜色?

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。