input placeholder 颜色如何设置？

小明明

采用了网上常用的方法，
input:placeholder{
color:red;
}
没有效果

小明明

liukui0712 发表于 2017-2-4 16:16
为什么我像你这样设置了，也没用撒

仔细检查一下 肯定哪里弄错了

小明明

input::-webkit-input-placeholder {
　　color: #D6D0CA !important; /* WebKit browsers /
　　}
　　input:-moz-placeholder {
　　color: #D6D0CA !important; / Mozilla Firefox 4 to 18 /
　　}
　　input::-moz-placeholder {
　　color: #D6D0CA !important; / Mozilla Firefox 19+ /
　　}
　　input:-ms-input-placeholder {
　　color: #D6D0CA !important; / Internet Explorer 10+ */
　　}
这些方法也都试了 没有用的思密达

双桅船

小明明 发表于 2016-12-22 16:38
input::-webkit-input-placeholder {
　　color: #D6D0CA !important; /* WebKit browsers /
　　}

把它单独写个css文件，然后在你需要的项目中引入这个css文件

小明明

找到原因了。

想起来之前也碰到过一样的问题，css在.w文件对应的css中设置没有反应。

必须新建一个css——
require("css!$UI/app/css/placeholder").load();
这样导入才会有反应。

结贴吧

小明明

双桅船 发表于 2016-12-22 16:52
把它单独写个css文件，然后在你需要的项目中引入这个css文件

啊 刚才没看到你的...确实是这样。

双桅船

小明明 发表于 2016-12-22 16:56
啊 刚才没看到你的...确实是这样。

之前我也遇到过这样的问题

40504812

还是有点不懂，新建一个css 导入require("css!$UI/app/css/placeholder").load(); 还是没用，能发下列子吗？  

小明明

40504812 发表于 2016-12-22 17:58
还是有点不懂，新建一个css 导入require("css!$UI/app/css/placeholder").load(); 还是没用，能发下列子吗 ...

css文件内容就这样:
::-webkit-input-placeholder {
    color:#9AC0CD;
}
css文件名：placeholder

在指定的.w页面js中导入
require("css!$UI/app/css/placeholder").load();

这样在页面的placeholder的css颜色就能生效了

liukui0712

小明明 发表于 2016-12-23 10:46
css文件内容就这样:
::-webkit-input-placeholder {
    color:#9AC0CD;

为什么我像你这样设置了，也没用撒