search

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

Design elements focused on CSS

王林
王林forward
2023-08-28 15:01:021256browse

设计专注于 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>

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!

css 选择器
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete
Previous article：CSS border-top-right-radius propertyNext article：CSS border-top-right-radius property

Related articles

See more