Input 样式背景颜色修改

最新推荐文章于 2025-03-10 10:19:02 发布

X～～X~~

最新推荐文章于 2025-03-10 10:19:02 发布

阅读量1.8w

点赞数 10

文章标签： css html html5

本文链接：https://blog.csdn.net/weixin_47906106/article/details/120043233

版权

本文介绍了如何使用CSS来去除input元素的边框，消除点击后的高亮效果，并设置背景色和文字颜色。通过`border:0px`移除边框，`outline:none`禁止点击后的轮廓，`background-color`和`color`属性分别定制背景和文字颜色，为网页元素实现个性化视觉风格。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="text" v-model="" style="border:0px;outline:none;background-color:#DA70D6;color:#DA70D6" >

border:0px                 去除input边框
outline:none  			   去除边框后点击input还是会显示输入框的格式，加上这个属性后就不会再显示了
background-color:#DA70D6"  设置input背景色
color:#DA70D6              设置输入的文字颜色