方式1:

<input
      type="text"
      placeholder="请输入酒店名称"
      placeholder-class="placeholderStyle "
      v-model="invitation.hotelName"
      :disabled="!edit"
    />

以上代码只要申明placeholderStyle的样式即可:

<style>
.placeholderStyle {
      font-size: 30rpx;
      color: #efcc72;
    }
</style>

方式2,这个方法比较野,有些环境下还不一定生效:

    input[placeholder], [placeholder], *[placeholder] {
		color: #ffffff;
		font-size: 18px;
	}
	input::input-placeholder{
		color: #ffffff;
		font-size: 18px;
	}
	input::-webkit-input-placeholder { /* WebKit browsers */
	  color: #ffffff;
	  font-size: 18px;
	}
	 
	input::-moz-placeholder { /* Mozilla Firefox 19+ */
	  color: #ffffff;
	  font-size: 18px;
	}
	 
	input::-ms-input-placeholder { /* Internet Explorer 10+ */
	  color: #ffffff;
	  font-size: 18px;
	}
Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐