首页 > 其他 > 详细

Vue样式deep修改样式

时间:2020-07-16 22:54:48      阅读:180      评论:0      收藏:0      [点我收藏+]
<style lang="scss" scoped>
/* 修复input 背景不协调 和光标变色 */
/* Detail see https://github.com/PanJiaChen/vue-element-admin/pull/927 */

//去掉type=number 带上下箭头的问题
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"] {
  -moz-appearance: textfield;
}
//历史
input:-webkit-autofill {
color: #ffffff!important;
-webkit-text-fill-color: rgba(0,0,0,0);
box-shadow: 0 0 0 1000px red inset;
}
::v-deep .el-input__inner {
      background-color:#00132c!important;
      border:none;
      color: #fff;
    }
</style>

  

Vue样式deep修改样式

原文:https://www.cnblogs.com/fkcqwq/p/13324687.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!