lu2/theme/edge/css/common/ui/Placeholder.css

Simple and flexible UI component library based on native HTML and JavaScript

/**
 * @Placeholder.css
 * @editor gandaochuan
 * @edit 20-04-10
 */

::placeholder {
    transition: opacity var(--ui-animate-time, .2s);
    color: var(--ui-gray, #a2a9b6);
    font-size: var(--ui-font, 14px);
    opacity: 1; /* fix firefox  */
}

:focus::placeholder {
    opacity: var(--ui-opacity, .4);
}

@media (prefers-reduced-motion: reduce) {
    ::placeholder {
        transition: none;
    }
}