input设置placeholder无效解决办法
生活随笔
收集整理的這篇文章主要介紹了
input设置placeholder无效解决办法
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一、設(shè)置placeholder的方法
placeholder屬性用來(lái)設(shè)置控件內(nèi)部的提示信息
<input type="text" placeholder="請(qǐng)輸入用戶(hù)名">
改變placeholder的樣式:
input::placeholder {
color: red;
font-size: 22px;
}
二、各瀏覽器樣式兼容設(shè)置
1、針對(duì)谷歌瀏覽器的設(shè)置方式:
input::-webkit-input-placeholder {
color: red;
font-size: 22px;
}
2、針對(duì)火狐瀏覽器的設(shè)置方式:
input::-moz-placeholder {
color: red;
font-size: 22px;
}
3、針對(duì)IE瀏覽器的設(shè)置方式:
input:-ms-input-placeholder {
color: red;
font-size: 22px;
}
三、設(shè)置placeholder的樣式無(wú)效--解決方法
設(shè)置placeholder方法無(wú)效的原因:
如果在某些公共樣式中,已經(jīng)對(duì)placeholder的樣式進(jìn)行了設(shè)置,再次對(duì)placeholder的樣式進(jìn)行設(shè)置時(shí),就會(huì)無(wú)效,
解決方法是,給樣式加?!important; 增加權(quán)重即可。
總結(jié)
以上是生活随笔為你收集整理的input设置placeholder无效解决办法的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Ubuntu安装chrome浏览器
- 下一篇: input输入框输入内容后显示“X小叉叉