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

使用CSS向表单输入添加背景色

杭昊空
2023-03-14
本文向大家介绍使用CSS向表单输入添加背景色,包括了使用CSS向表单输入添加背景色的使用技巧和注意事项,需要的朋友参考一下

要将背景色添加到表单输入中,请使用 background-color属性。

您可以尝试运行以下代码以实现背景颜色属性以形成

示例

<!DOCTYPE html>
<html>
   <head>
      <style>
         input[type=text] {
            width: 100%;
            padding: 10px 15px;
            margin: 5px 0;
            box-sizing: border-box;
            background-color: gray;
         }
      </style>
   </head>
   <body>
      <p>Fill the below form,</p>
      <form>
         <label for = "subject">Subject</label>
         <input type = "text" id = "subject" name = "sub">
         <label for = "student">Student</label>
         <input type = "text" id = "student" name = "stu">
      </form>
   </body>
</html>
 类似资料:
  • 本文向大家介绍向Bootstrap 4卡添加灰色背景色,包括了向Bootstrap 4卡添加灰色背景色的使用技巧和注意事项,需要的朋友参考一下 要为Bootstrap 4卡添加灰色背景色,请将该卡类与bg-dark上下文类一起使用- 将卡主体设置在相同的<div>类中- 让我们看看完整的示例,向Bootstrap卡添加灰色背景色- 示例

  • 本文向大家介绍向Bootstrap列表组中的活动列表项添加背景色,包括了向Bootstrap列表组中的活动列表项添加背景色的使用技巧和注意事项,需要的朋友参考一下 使用.active类将灰色背景色添加到Bootstrap列表组中的活动列表项中。 您可以尝试运行以下代码将背景色添加到活动列表项中- 示例

  • 主要内容:1. background-color,2. background-image,3. background-repeat,4. background-position,5. background-attachment,6. background-size,7. background-origin,8. background-clip,9. background在制作网页时我们往往需要在网页中添加一些背景颜色、背景图像让网页更加美观,吸引访问者的眼球。CSS 中提供了一系列用于设置 HT

  • 本文向大家介绍向Bootstrap 4卡添加浅灰色背景色,包括了向Bootstrap 4卡添加浅灰色背景色的使用技巧和注意事项,需要的朋友参考一下 要将浅灰色背景色添加到Bootstrap中的卡,请使用bg-light上下文类和卡类。 要设置浅灰色背景,请将其添加到<div>类中- 您可以尝试运行以下代码以在Bootstrap 4中为卡添加亮灰色背景色- 示例

  • 我很好奇是否有任何简单的方法来添加背景,行颜色和图像使用单独的配置。我不希望像CellPainterWrapper示例那样将它们组合成1个配置,因为我希望分离两者之间的逻辑。我当前的代码既适用于图像,也适用于背景色,但我不能两者都做(最上面的配置会覆盖最下面的配置)。下面是我的片段: 我最后做了类似于下面的事情来使它工作: