Превратить вход в элемент в виде кнопки - PullRequest
Новая
       34

Превратить вход в элемент в виде кнопки

0 голосов
/ 07 февраля 2019

Мне нужно превратить ввод (в моем случае type = date) в элемент в виде кнопки, который будет прикреплен к обычному текстовому вводу.

enter image description here

Почему?

  • Я хочу сохранить тип = ввод текста для даты
  • Я хочуиметь доступ к нативному средству выбора даты (на мобильном телефоне)

Я понимаю, это не лучший способ , но подойдет в моем конкретном случае, я также знаю о jquerydatepicker и др.

Я только начал работать с ним, и моя цель - сделать так, чтобы ввод был похож на статический элемент.Я плохо разбираюсь в интерфейсе, поэтому нужна помощь. 

--- in scss

.input-transform {
    &::-webkit-calendar-picker-indicator,
    &::-webkit-inner-spin-button,
    &::-webkit-clear-button {
        display: none;
        -webkit-appearance: none;        
    }
    color: transparent;
    background-color: transparent;
    &:focus {
        outline: none;
        color: transparent;
    }
    border: 1px solid gray;

    // Icon in input
    position:relative;
    &::before {
    content: "\f073"; 
    font-family: 'Font Awesome\ 5 Free';
    left: 5px;
    position: absolute;
    color: #CF0000;
    top:0;
    }
}
...