Home > Web Front-end > CSS Tutorial > Design elements focused on CSS

Design elements focused on CSS

王林
Release: 2023-08-28 15:01:02
forward
1298 people have browsed it

设计专注于 CSS 的元素

To select an element that has focus, use: focus selector. You can try running the following code to achieve this: Focus Selector -

Example

<!DOCTYPE html>
<html>
   <head>
      <style>
         input:focus {
            background-color: green;
         }
      </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>
Copy after login

The above is the detailed content of Design elements focused on CSS. For more information, please follow other related articles on the PHP Chinese website!

source:tutorialspoint.com
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template