css如何设置input的placeholder样式

方式1：

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

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

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