文章詳情頁
html5 - HTML或者JS可否動態改變 .css的屬性?
瀏覽:145日期:2022-12-07 16:53:13
問題描述
例如想基于input輸入的value內容改變*.css或者<style>的屬性值 是否可實現?例如:用input:color標簽獲取選擇的顏色value,更新滾動條的顏色?(這個必須用選擇器,不能用行內)
目前想到的一種方法就是用js在當前頁面創建一個<style>,然后修改這個標簽里面的內容。不知道是否還有其他想法?
感覺我好像沒有描述清楚,需要根據value給出css樣式表的屬性值 例如:用戶選擇了#6ec42a,那么滾動條變成#6ec42a這個顏色。這樣的話,提前準備好css文件不太好做,總不能把十六進制顏色都窮舉出來做成不同的css文件?不過很感謝二位剛剛分享的方法,這個我也不會,正好學習了!
問題解答
回答1:寫幾個不同方案的.css文件,根據情況用js動態加載css文件
回答2:例如想基于input輸入的value內容改變*.css或者<style>的屬性值 是否可實現?可以用屬性選擇器替換*.css例如:$('[href*=aaa.css]').attr({href: ’bbb.css’});
標簽:
Html5
相關文章:
1. css - 新手做響應式布局, 斷點過后右側出現空白,求幫助,謝謝。2. python - 啟動Eric6時報錯:’qscintilla_zh_CN’ could not be loaded3. javascript - vue 怎么渲染自定義組件4. javascript - 關于<a>元素與<input>元素的JS事件運行問題5. mysql - 查詢字段做了索引為什么不起效,還有查詢一個月的時候數據都是全部出來的,如果分拆3次的話就沒問題,為什么呢。6. mysql - 記得以前在哪里看過一個估算時間的網站7. 大家好,我想請問一下怎么做搜索欄能夠搜索到自己網站的內容。8. ID主鍵不是自增的嗎 為什么還要加null9. MySQL中的enum類型有什么優點?10. python - 安裝pyspider時出錯:No space left on device:
排行榜
