原生textarea样式修改记录

css部分

.input-custom{

// 文本框样式
  textarea{
    border: 1px solid rgba(0, 0, 0, 0.25);
    outline-color: rgba(0, 0, 0, 0.15);
    overflow: hidden;
    text-overflow: ellipsis;
  }

// 文本框聚焦时样式
  textarea:focus{
    outline: none;
    border: 0.1px solid var(--primary-color);
    box-shadow: -3px -3px blur 3px var(--primary-color);
  }

// placeholder文字改变颜色和一行超出显示省略句号
  textarea::-webkit-input-placeholder{
    color:rgba(0, 0, 0, 0.25);
    line-height:33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

// placeholder改变滚动条样式
  textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
    color: transparent;
  }



html部分
<div className={style['input-custom']}>
        <textarea
          placeholder={placeholder}
        />
      </div>

}

大多时候会用ant自带textarea， 有些时候ant的textarea会带来一些其他限制，需要用到原生textarea，样式修改记录如上。