enter image description here

我想更改输入的浮点数名称的 colored颜色 .

我设置了--BORDER-COLOR:#222428;这只改变了边框的 colored颜色 ,我需要改变单词Password和Email的 colored颜色 ,悬停时显示为浮动.

      <ion-input style="margin: 15px; width: auto; --border-color: #222428;" label="Email" label-placement="floating" fill="outline" placeholder="Your Email address"></ion-input>
      <ion-input style="margin: 15px; width: auto; --border-color: #222428;" type="password" label="Password" label-placement="floating" fill="outline" placeholder="Your Password"></ion-input>
      

我try 这个:(我添加 colored颜色 :黑色的风格和单词密码dosnt改变!)

      <ion-input style="margin: 15px; width: auto; --border-color: #222428; color:black" label="Email" label-placement="floating" fill="outline" placeholder="Your Email address"></ion-input>
      <ion-input style="margin: 15px; width: auto; --border-color: #222428; color:black" type="password" label="Password" label-placement="floating" fill="outline" placeholder="Your Password"></ion-input>
      

推荐答案

请参阅文档:https://ionicframework.com/docs/api/input#css-custom-properties-1

用途:--highlight-color-focused

<ion-input
  style="margin: 15px; width: auto; --border-color: #222428; --highlight-color-focused: #222428"
  label="Email"
  label-placement="floating"
  fill="outline"
  placeholder="Your Email address"
></ion-input>

输入可以是有效的,也可以是无效的,这又是一个属性,也许您必须将它们设置为相同的 colored颜色 或您 Select 的其他 colored颜色 .

--highlight-color-invalid--highlight-color-valid

Css相关问答推荐

在Angular mat-drawer组件中防止在mat-drawer-innercontainer中添加滚动条

如果父元素是弹性元素,则不会显示带有纵横比的空div

ReactJS 连续循环动画滚动

滚动弹性盒

如何在Bootstrap 5上使用移动设备居中内容?

flex-wrap 导致 children 身高加倍

有没有办法将px单位添加到 Sass mixin 的参数数组中?

我怎样才能让我所有的网格列的高度等于最短列的高度

如何简化CSS?

为什么 flexbox 中的 在应用居中时不会调整大小?

老虎机插槽上的 CSS 对齐问题

Twitter Bootstrap:进度条居中文本

IE划掉伪元素CSS?

如何在浏览器的右下角放置一个div?

如何从标题中删除粗体?

如何对齐标签和文本区域?

CSS 否定伪类 :not() 用于父/祖先元素

CSS3单向过渡?

将样式应用于第一行的单元格

如何创建一个带点的
标签?