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

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

placeholder ionic3 ionic2 ionic-framework

gaurang · 技术社区 · 7 年前

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

<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 回复 | 直到 7 年前

Mystery 7 年前

这不是占位符。它仍然是 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 ;
}

推荐文章

Victor Ferreira · 我可以在没有MacOS的情况下使用带Ionic 3的TestFlight吗?

7 年前

Uraquitan Matova Ura Kombat · 离子,角度-索引内的全局变量。其他ts页面调用的html

7 年前

Muhammed Raheez PC · 构建应用程序时发生Ionic java构建错误

7 年前

Lee Merlas · 从http GET获得第一个结果后立即显示项目

7 年前

kelvin wong · Ionic 3 angularfire2打印出[对象对象]数据

7 年前

Arun Prasad E S · 角度5,离子3-【ts】类型“void”不可分配给类型“Observable<Post[]>”

7 年前

jamesharvey · 如何使用*ngFor指令从Ionic 3(Cordova、Ionic 3、Angular 5)上的存储器中提取数据

7 年前

user2486706 · 我们可以直接将C++dll集成到ionic框架中吗

7 年前

jamesharvey · 我怎样才能让谷歌地图在一个div内只占据50%的高度?(爱奥尼亚3号,科尔多瓦)

7 年前

Taieb · 按条件显示不同的视图

7 年前