首页 文章

具有浮动标签占位符颜色的离子输入在离子方面没有变化

提问于
浏览 次
2

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

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

我尝试过但没有工作......

1) $text-input-placeholder-color

2）

::-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;
}

3）

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

但没有任何工作 . 任何人都可以帮我解决这个问题吗？

ionic-framework ionic2 ionic3 placeholder

1 回答

  • 1

    那不是占位符 . 它仍然是 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 ;
}
    回复于

相关问题