css常用技巧:input提示文字；placeholder字体修改

最新推荐文章于 2024-03-15 09:46:13 发布

anjiye7641

最新推荐文章于 2024-03-15 09:46:13 发布

阅读量2.7k

点赞数 3

原文链接：http://www.cnblogs.com/autoXingJY/p/9078849.html

版权

1 很多网站都需要更改 <input>内部的placeholder 文字颜色属性:下面来介绍下这个技巧.

2 源代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>input输入框提示文字</title>
    <style>
        /*修改提示文字的颜色*/
        input::-webkit-input-placeholder { /* WebKit browsers */
            color: #666666;
        }

        input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
            color: #666666;
        }

        input::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #666666;
        }

        input:-ms-input-placeholder { /* Internet Explorer 10+ */
        color: #666666;
        }
    </style>
</head>
<body>
<input type="text" placeholder="搜索天猫/商品"/>
</body>
</html>

3 介绍:下图方框内决定了,placeholder的文字颜色,同时也可以进行相应更改颜色的设置.

颜色对比

转载于:https://www.cnblogs.com/autoXingJY/p/9078849.html

anjiye7641

关注

3
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
css常用技巧:input提示文字；placeholder字体修改

1 很多网站都需要更改 <input>内部的placeholder 文字颜色属性:下面来介绍下这个技巧.2 源代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>input输入框提示文字</title&g...
复制链接

扫一扫