修改el-input的disabled灰色背景、去掉number右侧箭头

  1. 修改背景
  • 通过修改el-input样式实现:
.el-input.is-disabled /deep/ .el-input__inner {
  color: #606266;
  background-color: white;
}

background-color可以自定义

  • 修改字体和背景颜色效果
    红色字体
  • 看一下效果

    修改前:
    修改前

    修改后:
    修改后
  1. 去掉type="number"的右侧箭头
::v-deep input::-webkit-outer-spin-button,
::v-deep input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容