css修改element组件中el-date-picker中的placeholder样式失效

在使用element的时间选择器的时候，想要修改placeholder提示字的样式，在网上看到有人提供了方法并且有很多人都起作用了，但是我拿过来用的时候就是无效的，下面是网上提供的那种：
/*此处开始时间日期选择框的id:starttime*/

starttime是需要在组件里加的id为它，但是我用过了就是没起作用，最后在这个方法的基础上重新修改了一下啊给组件外面的div加一个class，之后样式变成下面这样：

.dateRange >>> ::-webkit-input-placeholder {
color: #26f2ff !important;
}
.dateRange >>> ::-moz-input-placeholder {
color: #26f2ff !important;
}
.dateRange >>> ::-ms-input-placeholder {
color: #26f2ff !important;
}
这样就解决了我的问题，就这么简单。

css修改element组件中el-date-picker中的placeholder样式失效相关推荐

修改element组件库中Cascader级联选择器下拉列表的默认样式
在保证不影响其他页面中Cascader样式的情况下(首先就不能删除scoped),如果css用到less预处理器,想到的第一个解决办法就是用深度选择器">>>" ...
根据条件动态修改element 组件深层次样式
开发前提: vue elementUI 在开发中有时候 element 中我们使用的某个组件的样式不符合我们的需求,直接写行内样式,有时候会发现并不会生效,直接将样式写在 style 标签中虽然样式会 ...
linux中命令date,Linux 中date命令的用法
关于Linux内置命令date的用法,这里主要说一下,它在shell脚本中如何做日期计算和转换的. 格式化输出日期详细的格式化符号可以用man date找到,这里以年月日来表示获得当前的日期: # ...
thymeleaf模板中使用th：each会导致样式失效错乱问题
问题:在spring boot项目中使用th:each来遍历数据,结果出来的样式与之前手动填充数据的样式不同. 正确样式: 正确代码: <dl class="fly-panel-mai ...
vue 子页面调用父页面的参数_Flutter子组件调用父组件方法修改父组件参数
子组件调用父级组件方法的主要实现是父组件给子组件传入一个方法,然后在子组件中调用父级方法来修改父级的参数.看一下效果图父级组件实现在父级组件中写一个_editParentText的方法来修改组件中 ...
Iphone开发（七）date picker 和 picker view，较复杂的控件
holydancer原创,如需转载,请在显要位置注明: 转自holydancer的CSDN专栏,原文地址:http://blog.csdn.net/holydancer/article/details ...
js取服务器系统时间,JS中new Date（）用法及获取服务器时间
1.获取服务器时间: var now = new Date($.ajax({async: false}).getResponseHeader("Date")); 2.new Dat ...
微信小程序--修改switch组件的大小size
修改switch组件的大小小程序中switch组件的大小往往和实际项目中的大小有些出入,但是发现文档中并没有修改大小的方法,但是可以根据自己的实际情况进行颜色设置. 直接上代码: <switc ...
Leaflet中实现在popup中展示Vue组件功能
背景在做GIS地图功能时候有一个需求,每个点的popup中展示数据内容,一般情况下以拼字符串的形式往popup中拼HTML标签实现数据内容的展示,但是这样太麻烦也不容易维护.就想着能不能实现让pop ...

css修改element组件中el-date-picker中的placeholder样式失效

css修改element组件中el-date-picker中的placeholder样式失效相关推荐

最新文章

热门文章