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

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

/* placeholder */
::-webkit-input-placeholder {
    transition: opacity .15s;
    color: #a2a9b6;
    line-height: inherit;
    font-size: 14px;
}

:focus::-webkit-input-placeholder {
    opacity: .38;
}

::-moz-placeholder {
    transition: opacity .15s;
    color: #a2a9b6;
    font-size: 14px;
}

:focus::-moz-placeholder {
    opacity: .38;
}

::placeholder {
    transition: opacity .15s;
    color: #a2a9b6;
    font-size: 14px;
}

:focus::placeholder {
    opacity: .38;
}

:-ms-input-placeholder {
    transition: opacity .15s;
    color: #a2a9b6 !important;
    font-size: 14px;
}

:focus:-ms-input-placeholder {
    opacity: .38;
}

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