主页

使用 css 修改 input 输入框的颜色

2023-11-21 07:45PM

1. 使用内联样式(inline style)

在输入框的 <input> 元素中,添加一个 style 属性,并通过CSS属性 border-color 来设置边框颜色。

<input type="text"  placeholder="请输入手机号" style="border-color: red;" />

边框颜色被设置为红色( red )。可以根据需要修改为其他颜色值,可以使用十六进制颜色码( #RRGGBB )或颜色名称。

2. 定义CSS类(CSS class)

在你的CSS文件或 <style> 标签中,定义一个CSS类来设置边框颜色。然后将该类应用于输入框的 class 属性。

<input type="text" id="phone"  placeholder="请输入手机号" class="custom-border" />

<style>
  .custom-border {
    border-color: blue;
  }
</style>

eg:

我这里使用的是第二种方法,边框颜色设置的为:border-color: rgba(255, 255, 255, 0.10);

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论