文章詳情頁
html5 - HTML或者JS可否動態(tài)改變 .css的屬性?
瀏覽:129日期:2022-12-07 16:53:13
問題描述
例如想基于input輸入的value內(nèi)容改變*.css或者<style>的屬性值 是否可實現(xiàn)?例如:用input:color標簽獲取選擇的顏色value,更新滾動條的顏色?(這個必須用選擇器,不能用行內(nèi))
目前想到的一種方法就是用js在當前頁面創(chuàng)建一個<style>,然后修改這個標簽里面的內(nèi)容。不知道是否還有其他想法?
感覺我好像沒有描述清楚,需要根據(jù)value給出css樣式表的屬性值 例如:用戶選擇了#6ec42a,那么滾動條變成#6ec42a這個顏色。這樣的話,提前準備好css文件不太好做,總不能把十六進制顏色都窮舉出來做成不同的css文件?不過很感謝二位剛剛分享的方法,這個我也不會,正好學習了!
問題解答
回答1:寫幾個不同方案的.css文件,根據(jù)情況用js動態(tài)加載css文件
回答2:例如想基于input輸入的value內(nèi)容改變*.css或者<style>的屬性值 是否可實現(xiàn)?可以用屬性選擇器替換*.css例如:$('[href*=aaa.css]').attr({href: ’bbb.css’});
標簽:
Html5
相關文章:
1. 數(shù)據(jù)庫 - Mysql的存儲過程真的是個坑!求助下面的存儲過程哪里錯啦,實在是找不到哪里的問題了。2. javascript - 我是做web前端的,公司最近有一個項目關于數(shù)據(jù)統(tǒng)計的!3. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)4. javascript - vuejs+elementui 購物車價格計算,點擊加減號修改數(shù)量總價都不會改變,但是計算執(zhí)行了5. 實現(xiàn)bing搜索工具urlAPI提交6. python - Django有哪些成功項目?7. javascript - 如何使用loadash對[object,object,object]形式的數(shù)組進行比較8. ios - 類似微博首頁,一張圖的時候是如何確定圖大小的?9. node.js - 微信小程序websocket連接問題10. Python中使用超長的List導致內(nèi)存占用過大
排行榜

熱門標簽