当前位置: 首页 > 编程笔记 >

使用CSS为每个disabled 禁用的 元素设置样式

罗学真
2023-03-14
本文向大家介绍使用CSS为每个disabled 禁用的 元素设置样式,包括了使用CSS为每个disabled 禁用的 元素设置样式的使用技巧和注意事项,需要的朋友参考一下

要为每个禁用的<input>元素设置样式,请使用CSS:disabled选择器。您可以尝试运行以下代码来设置禁用元素的样式-

示例

<!DOCTYPE html>
<html>
   <head>
      <style>
         input:enabled {
            background: blue;
         }
         input:disabled {
            background: red;
         }
      </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" disabled><br>
      </form>
   </body>
</html>
 类似资料:
  • 本文向大家介绍用CSS设置没有子元素的每个 元素的样式,包括了用CSS设置没有子元素的每个 元素的样式的使用技巧和注意事项,需要的朋友参考一下 要为没有子元素的每个<p>元素设置样式,请使用:空选择器t。您可以尝试运行以下代码来实现:空选择器 示例

  • 本文向大家介绍使用CSS为其父元素的第一个子元素的每个 元素设置样式,包括了使用CSS为其父元素的第一个子元素的每个 元素设置样式的使用技巧和注意事项,需要的朋友参考一下 要设置作为其父级第一个子级的每个<p>元素的样式,请使用CSS:first-child选择器。 示例 您可以尝试运行以下代码来实现:first-child选择器-

  • 本文向大家介绍使用CSS设置元素的背景色,包括了使用CSS设置元素的背景色的使用技巧和注意事项,需要的朋友参考一下 要设置元素的背景色,请使用background-color 属性。 示例 您可以尝试运行以下代码,以了解如何使用background-color属性:

  • css是页面不能分隔的部分,jQuery中也提供了一些css相关的实用的办法。前面章节中有使用过 addClass()为元素添加css样式风格。本节主要介绍jQuery如何设置页面的样式风格。包括添加、删除、动态切换等。 1. 添加、删除css类别。 $(function() { //同时添加多个CSS类别 $("img").addC

  • 本文向大家介绍jQuery使用CSS()方法给指定元素同时设置多个样式,包括了jQuery使用CSS()方法给指定元素同时设置多个样式的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery使用CSS()方法给指定元素同时设置多个样式的方法。分享给大家供大家参考。具体如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍在不播放动画时为元素设置CSS样式,包括了在不播放动画时为元素设置CSS样式的使用技巧和注意事项,需要的朋友参考一下 不播放动画时,使用animation-fill-mode属性设置元素的样式 示例