Bootstrap 中的占位符颜色更改 [英] Placeholder Color Change in Bootstrap

查看:49
本文介绍了Bootstrap 中的占位符颜色更改的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何在 Bootstrap 中更改占位符颜色?

How can I change the Placeholder Color in Bootstrap?

我尝试过的以下代码不起作用.

The following code, which I tried, doesn't work.

input::-webkit-input-placeholder {
        color: red;
}

input:-moz-placeholder {
        color: red;
}

推荐答案

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: red;
            opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: red;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: red;
 }

以下是参考链接.https://www.w3schools.com/howto/howto_css_placeholder.asp

这篇关于Bootstrap 中的占位符颜色更改的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆