問題

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

<input placeholder="請輸入內容" />

在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 為內置組件，通過屬性值去修改樣式

正確修改方法示例

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

引伸

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。