方式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

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐