离子2输入高光

Question

我正在尝试制作一个表单，但是当一个项目有焦点时，我会试图改变突出显示的颜色(见图)。我尝试在我的Sass中使用这一行代码，这是我在Ionic文档中找到的，但它似乎不起作用。有人知道这是怎么回事吗？

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

​

​

Answer 1

您需要在variable.scss文件中覆盖SASS，这样它才会生效。请参阅更多这里。放：

$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>

这里的演示