css如何设置input的placeholder样式
如何设置input元素placeholder的样式
·
方式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;
}
更多推荐
已为社区贡献5条内容
所有评论(0)