Ionic 2 输入突出显示

Question

我正在尝试制作一个表单，但我无法尝试在某个项目具有焦点时更改突出显示颜色（见图）。我尝试在 Ionic 文档中找到的 Sass 中使用这行代码，但它似乎不起作用。有谁知道这是怎么回事？

$text-input-md-highlight-color: #000000;

Answer 1

您需要覆盖 variable.scss 文件中的 SASS 才能生效。查看更多 here。放：

$text-input-md-highlight-color: #000000;

在src/theme/variable.scss.

Answer 2

试试这个：

<div class="container">

  <h2>Design in CSS3<small>Inputs</small></h2>

  <form>

    <div class="group">      
      <input type="text" required>
      <span class="highlight"></span>
      <span class="bar"></span>
      <label>Name</label>
    </div>

    <div class="group">      
      <input type="text" required>
      <span class="highlight"></span>
      <span class="bar"></span>
      <label>Email</label>
    </div>

  </form>



</div>

DEMO HERE

Ionic 2 输入突出显示

Ionic 2 input highlight

html

css

sass

highlight

ionic2