如何在uni-app中input的placeholder中添加i

作者: 那时那人啊 | 来源:发表于2020-03-19 13:45 被阅读0次

前提：1.准备好iconfont.css文件

方法

1、不要给placeholder直接赋值，如下


<input type="text" class="iconfont search" placeholder='&#xe65a;请输入标题'/>

2.应该使用 :placeholder 对此属性进行绑定赋值，如下


<input type="text" value="" class="iconfont" :placeholder='icon' />


export default {

    data() {

          return {

                icon: '\ue601请输入标题'

        }

    }

}

4.iconfont的值，必须是字体的unicode编码

如何在uni-app中input的placeholder中添加i
前提：1.准备好iconfont.css文件参考https://www.jianshu.com/p/7fc08b...
2018-07-23 小结
1、input中添加提示词placeholder，改变placeholder的颜色要使用： input::-web...
冷门但是实用的CSS样式
::-Webkit-Input-Placeholder H5中不能直接改变placeholder 的颜色,所以用i...
更改placeholder的字体样式
修改input框中placeholder的字体相关样式 ::-webkit-input-placeholder {...
H5 移动端问题总结
input中placeholder垂直居中在手机上显示placeholder没有垂直居中，有点偏下如果给input...
2019-11-18
input框中placeholder自定义字体颜色 input::-webkit-input-placeholde...
无标题文章
占位符placeholder属性，用户在input输入框中的提示文本，如android中的hint属性使用HTM...
小程序ios兼容
1.iOS中input的placeholder属性字体不居中对placeholder设置line-height及f...
input输入框placeholder字体设置bug
今天设置input的placeholder属性的时候，出现了一个bug，如下展示 input::-webkit-i...
placeholder颜色
h5为input添加了原生的占位符属性placeholder，placeholder默认颜色为浅灰色，如果想改变这...