el-input placeholder的颜色

weixin_48597380

于 2021-01-22 16:15:59 发布

阅读量910

点赞数

文章标签： css elementui

本文链接：https://blog.youkuaiyun.com/weixin_48597380/article/details/112987463

版权

这篇博客主要记录了在使用 Element UI 框架时，如何修改 el-input 组件中 placeholder 的颜色，以及遇到的问题和解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

el-input placeholder的颜色

- 记录

记录

		/* 谷歌 */
        .el-input__inner::-webkit-input-placeholder {
            color: #999999;
            font-size: 16px;
        }

        /* 火狐 */
        .el-input__inner:-moz-placeholder {
            color: #999999;
            font-size: 16px;
        }

        /*ie*/
        .el-input__inner:-ms-input-placeholder {
            color: #999999;
            font-size: 16px;
        }
        //获取焦点时的颜色
        .el-input__inner:focus::-webkit-input-placeholder {
		    color: #EC5C2E;
		}
		
		.el-input__inner:focus::-moz-input-placeholder {
		    color: #EC5C2E;
		}
		
		.el-input__inner:focus::-ms-input-placeholder {
		    color: #EC5C2E;
		}

element ui Message 消息提示关闭当前之后继续弹出

					const h = this.$createElement;
                    this.$message.closeAll(); /
                    this.$message({
                        type: 'error',
                        showClose: true,
                        message: h('i', { style: 'color: #EC5C2E;center' }, '请填写姓名和手机号'),
                        center: true
                    });