問題

在uniapp中使用 input 標簽，希望修改 placeholder 屬性內(nèi)容的樣式

<input placeholder="請輸入內(nèi)容" />

在css( style)中修改未生效

input::input-placeholder {color: #bdbdbd; } /* 有些資料顯示需要寫，有些顯示不需要，但是在編輯器webstorm中該屬性不被識別 */ ::-webkit-input-placeholder {/* WebKit browsers */color: #999; } :-moz-placeholder {/* Mozilla Firefox 4 to 18 */color: #999; } ::-moz-placeholder {/* Mozilla Firefox 19+ */color: #999; } :-ms-input-placeholder {/* Internet Explorer 10+ */color: #999; }

解決

在uniapp中 input 為內(nèi)置組件，通過屬性值去修改樣式

正確修改方法示例

<input placeholder="請輸入內(nèi)容" placeholder-style="color:#9d9d9d;font-size:20rpx;"/>

引伸

在使用已有框架開發(fā)時，如出現(xiàn)原生寫法不生效且可能還不報錯的情況，可以嘗試去對應(yīng)框架官方文檔中找是否有對應(yīng)說明。

總結(jié)

以上是生活随笔為你收集整理的uniapp组件和HTML标签重名致设置标签样式不生效的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

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