search

hexuanzhang / css

css整理
0 stars 0 forks source link

效果 #7

Open hexuanzhang opened 7 years ago

hexuanzhang commented 7 years ago

计数

hexuanzhang commented 7 years ago

改变表单控件光标颜色

input,
textarea
{
    font-size: 20px;

    display: block;

    margin-bottom: 20px;
    padding: 10px;

    /* 默认情况下光标和字体颜色一致，都是通过 color 属性设置 */
    color: blue;
}

/* 模拟光标 */
input,
textarea
{
    color: red;  /* 光标颜色*/
    text-shadow: 0 0 0 blue; /* 文本颜色 */

    -webkit-text-fill-color: transparent; /* 文本缕空 */
}

/* caret-color 属性 */
@supports (caret-color: red)
{
    input,
    textarea,
    [contenteditable]
    {
        color: blue; /* 文本颜色 */

        caret-color: red; /* 光标颜色 */
    }
}
hexuanzhang commented 7 years ago

filter