使用 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);
登录
请登录后再发表评论。
评论列表:
目前还没有人发表评论