公告列表
公告列表
收藏
回答

editor组件怎么修改placeholder的样式?

项目的主题颜色是黑色的


文字需要竖着输入 不能用input

现在需要修改editor组件里placeholder的样式,要怎么做?

回答关注问题邀请回答
收藏

3 个回答

  • am1n0
    am1n0
    2019-12-11

    .ql-editor.ql-blank:before {

      /* 此处设置 placeholder 样式 */

      color: rgba(0, 0, 0, 0.5);

      font-style: normal;

    }

    这样就行了

    Ref: https://github.com/quilljs/quill/blob/develop/assets/core.styl

    2019-12-11
    有用 15
    回复 10
    • Why not?
      Why not?
      2020-03-08
      测试了没用
      2020-03-08
      赞
      回复
    • 少年癸
      少年癸
      2020-03-16
      实测有效，谢谢
      2020-03-16
      赞
      回复
    • am1n0
      am1n0
      2020-03-16回复Why not?
      应该是需要在页面里面直接写，组件里面写没用
      2020-03-16
      赞
      回复
    • Why not?
      Why not?
      2020-03-17回复am1n0
      我试了下，页面里直接写是有用的。谢谢！
      2020-03-17
      赞
      回复
    • Why not?
      Why not?
      2020-03-17回复少年癸
      谢谢不如点个赞
      2020-03-17
      赞 2
      回复
    查看更多(5)
  • 程辉
    程辉
    2022-01-12

    有用，谢谢了。

    /* 修改富文本编辑器的placeholder的默认颜色：字体 */
	.ql-container /deep/ .ql-blank::before {
	  /* 此处设置 placeholder 样式 */
	  color: #C1CBE2;
	  font-style: normal;
	}
    2022-01-12
    有用 2
    回复 1
    • 满目星河
      满目星河
      2022-02-11
      有用
      2022-02-11
      赞
      回复
  • ʚ青ɞ
    ʚ青ɞ
    2019-10-25

    添加writing-mode: vertical-lr;这个样式

    2019-10-25
    有用 1
    回复 6
    • 明鸣
      明鸣
      2019-10-25
      OK 然后我想要修改placeholder占位符的颜色  color没有生效 需要怎么做?
      2019-10-25
      赞
      回复
    • ʚ青ɞ
      ʚ青ɞ
      2019-10-25回复明鸣
      editor不支持修改placeholder样式
      2019-10-25
      赞 1
      回复
    • 明鸣
      明鸣
      2019-10-25
      input提供了placeholder-style 和 placeholder-class 可以修改placeholder样式 但是在editor里这两个不起作用
      2019-10-25
      赞
      回复
    • ʚ青ɞ
      ʚ青ɞ
      2019-10-25回复明鸣
      因为editor不支持修改placeholder样式，文档里只写了一个placeholder。
      2019-10-25
      赞
      回复
    • 明鸣
      明鸣
      2019-10-25回复ʚ青ɞ
      好吧 感谢你的回复 我在想想其他办法
      2019-10-25
      赞
      回复
    查看更多(1)
请 登录 后发表内容
相关问题
相关文档
问题标签
placeholderinput文字editor样式