样式 <input>元素具有CSS的“只读”属性

要选择只读元素,请使用CSS:read-only选择器。

示例

您可以尝试运行以下代码来实现:read-only选择器

<!DOCTYPE html>

<html>

   <head>

      <style>

         input:read-only {

            background-color: blue;

            color: white;

         }

      </style>

   </head>

   <body>

      <form>

         Subject: <input type = "text" name = "subject" value = "Maths"><br>

         Student: <input type = "text" name = "student" readonly value = "Amit"><br>

      </form>

   </body>

</html>

以上是 样式 <input>元素具有CSS的“只读”属性 的全部内容, 来源链接: utcz.com/z/335136.html

回到顶部