H5W3
当前位置:H5W3 > 其他技术问题 > 正文

placeholder的css设置

使用element的日期选择框做了一个组件,现在每次点击后input显示的是默认值,而不是v-model值,但是默认值的样式是浅色的,应该怎么去设置默认值的样式。
代码如下

<el-date-picker v-model="value1"
type="date" @change="dateChange" :placeholder="searchDateRange">
</el-date-picker>

深度击穿的代码只能在input框或者文本域设置才有用,而用日期框引用的默认值添加就没有效果了

input:-ms-input-placeholder {
color: green !important;
}

应该怎么去设置

回答

你的默认值给了placeholder 。不是有个设置默认值的属性;

动态的placeholder?v-model呢?

element全局修改输入框placeholder样式:

.el-input__inner {
    &::placeholder {
        color: red;
    }

    &::-webkit-input-placeholder {
        /* WebKit browsers 适配谷歌 */
        color: red;
    }

    &:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 适配火狐 */
        color: red;
    }

    &::-moz-placeholder {
        /* Mozilla Firefox 19+ 适配火狐 */
        color: red;
    }

    &:-ms-input-placeholder {
        /* Internet Explorer 10+  适配ie*/
        color: red;
    }
}

也可以在el-date-picker定义class名后,对单个组件进行修改;

未经允许不得转载:H5W3 » placeholder的css设置

赞 (0)

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址