收藏
回答

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

项目的主题颜色是黑色的


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

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

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

3 个回答

  • am1n0
    am1n0
    2019-12-11

    .ql-editor.ql-blank:before {

      /* 此处设置 placeholder 样式 */

      color: rgba(0000.5);

      font-stylenormal;

    }

    这样就行了

    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)
登录 后发表内容
问题标签