一、設(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)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。