日历选择器指示器应为默认值

时间:2018-02-28 06:58:52

标签: html css3

当我将鼠标悬停在它上面时,我得到一个指示器,但我需要设置为默认值

 <input type="date" class="form-control" name="Date" 
     [(ngModel)]="opening_date" (ngModelChange)="Operating()"
        style="width:550px" required>

input[type="date"]:default::-webkit-calendar-picker-indicator {
    display: block;
}

enter image description here

请帮助解决此问题

1 个答案:

答案 0 :(得分:0)

您必须应用opacity:1而不是display: block属性。

input[type="date"]::-webkit-calendar-picker-indicator{
  opacity:1;
}

如果要自定义日期字段或其他html5字段中的其他属性,请浏览this链接。它包含所有信息。

&#13;
&#13;
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity:1;
}
&#13;
<input type="date" class="form-control" name="Date" style="width:550px" required>
&#13;
&#13;
&#13;