代码之家 › 专栏 › 技术社区 › gaurang

带有浮动标签占位符颜色的离子输入在离子中不发生变化

placeholder ionic3 ionic2 ionic-framework

gaurang · 技术社区 · 6 年前

我想更改离子输入的占位符颜色,但无法更改占位符颜色。我有浮动标签的离子输入。这是我的解决方法…

<ion-item>
    <ion-label floating>first Name</ion-label>
    <ion-input type="text"></ion-input>
</ion-item>

我试过但没用的…

1) $text-input-placeholder-color

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
  color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
  color: pink;
}
:-moz-placeholder { /* Firefox 18- */
  color: pink;
}

::placeholder {
  color: blue;
  font-size: 1.5em;
}

但什么都不起作用。有人能帮我解决这个问题吗?

1 回复 | 直到 6 年前

Mystery 6 年前

这不是占位符。它仍然是 ion-label

要更改浮动离子标签的样式,

将此添加到 variable.scss

$label-ios-text-color: blue;
$label-md-text-color: blue;
$label-ios-text-color-focused: blue;
$label-md-text-color-focused: blue;

或者编辑你的 .scss

.label[floating],
.label[stacked],
.input-has-focus .label[floating] {
    color: blue ;
}

推荐文章

Gh05d · 更新到3后无法同步iOS项目

3 年前

Balram dangi · 离子电容器应用程序在ios中只显示白色的空白屏幕

3 年前

deszok · 电容器/离子文件系统写入文件到csv

3 年前

Fernando Aureliano · 无法在Ubuntu上升级离子版

3 年前

Rafael de Castro · 关于内存:在服务上存储json数据,还是在需要时随时获取?

3 年前

Anurag Singh · 通过mediacapture插件录制视频,但在通过文件插件-离子电容器上传时出现问题

3 年前

Andreea Purta · 未定义(读“coords”),使用@ionic native/geolocation-ionic/react

3 年前

plotnik · 发布Cordova插件的离子包装器

3 年前

Alex · 如何在Ionic Pro中设置正确版本的游戏服务

7 年前

Krishanu Mukherjee · 点击paypal时,Ionic 3 IOS应用程序崩溃

7 年前