uniapp中修改input标签的placeholder样式
时间: 2023-09-01 11:10:36 浏览: 2015
修改输入框placeholder文字默认颜色-webkit-input-placeholder方法
在uniapp中,可以使用以下方法来修改input标签的placeholder样式:
1. 使用CSS样式表修改placeholder样式
可以在CSS样式表中添加以下代码来修改placeholder样式:
```css
::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
font-size: 14px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999;
font-size: 14px;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
font-size: 14px;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
font-size: 14px;
}
```
在uniapp中,可以将上述代码添加到global.css中,然后在需要修改placeholder样式的页面引入该CSS文件即可。
2. 使用inline样式修改placeholder样式
在input标签中,可以使用style属性来设置inline样式,如下所示:
```html
<template>
<div>
<input type="text" placeholder="请输入内容" style="color:#999;font-size:14px;">
</div>
</template>
```
在上述代码中,通过style属性设置了placeholder的颜色为#999,字号为14px。
以上是uniapp中修改input标签的placeholder样式的方法,希望能够帮助到你。
阅读全文