• Как сделать адаптивный текст в блоке фиксированной ширины?

    @pupenne
    Делаешь цикл while( Если высота div меньше чем p), то уменьшаем font-size иначе выходим из цикла.

    Идея сравнивать высоты блока родителя(div) и блока текста в нём(p). И если блок текста выше чем блок родителя, то необходимо уменьшить размер шрифта.
    Ответ написан
  • Как переназначить user agent stylesheet для input?

    @pupenne
    Как я понял напрямую цвет BG поменять нельзя, но немного ̶к̶о̶с̶т̶ы̶л̶е̶й̶ смекалки всегда поможет. Нам нужен псефдокласс " :-webkit-autofill ".

    input:-webkit-autofill,
    input:-webkit-autofill:hover, 
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus {
      -webkit-text-fill-color: green;  // Цвет текста
      -webkit-box-shadow: 0 0 0px 1000px #000 inset;  // Тенью во внутрь делаем BG и вместо #000 выбираем цвет BG
      transition: background-color 5000s ease-in-out 0s; // Так-как напрямую с BGC взаимодействовать нельзя, делаем его замену очень медленной, и как-бы отменяем его замену. (хотя через 1.5 часа он таки поменяет цвет)
    }
    Ответ написан
    Комментировать