uniapp中,placeholder样式设置

最新推荐文章于 2024-06-27 11:33:41 发布

lee_srr

最新推荐文章于 2024-06-27 11:33:41 发布

阅读量3.9k

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/lee_srr/article/details/119487871

版权

CSS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文探讨了如何使用CSS设置`.input`类名的`placeholder`属性，以实现输入框提示文字的样式定制。同时，通过在Vue组件中结合`v-model`和`:placeholder-style`指令，确保了`placeholder`样式的动态应用。这是一个关于前端开发中CSS与Vue.js结合使用的实例。

摘要由CSDN通过智能技术生成

.input为input类名

.input::placeholder{
      font-size: 28rpx;
      color: #AAAAAA;
    }

或者

<input class="password" placeholder="请输入密码" placeholder-style="color:rgb(200,200,200)" :v-model="usr_pwd"
				:type="seen ? type_text : type_password" />

注意v-model前加: 后,placeholder-style才生效