当先锋百科网

首页 1 2 3 4 5 6 7

elementui修改input样式

input样式修改主要用到 .el-input__inner(类名)直接在里面改就好了,输入域的话用 .el-textarea__inner如:

.el-input__inner {
  background-color: #000;
  border: 1px solid #eee;
  height: 32px;
  font-size: 12px;
  color: #fff;
}
.el-textarea__inner {
  background-color: #000;
  border: 1px solid #eee;
  height: 88px;
  color: #fff;
}

这些都不是难点,还是修改输入提示文字的样式,查了好久,修改输入提示文字的样式如下

.el-input__inner::-webkit-input-placeholder { // 谷歌内核
  color: #fff;
  font-size: 12px;
}
.el-input__inner:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  font-size: 12px;
}

.el-textarea__inner::-webkit-input-placeholder,
.el-input__inner::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color:#fff;
  font-size: 12px;
}

.el-textarea__inner::-webkit-input-placeholder,
.el-input__inner:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
  font-size: 12px;
}