文章詳情頁
html5 - HTML或者JS可否動態改變 .css的屬性?
瀏覽:124日期: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. html - 前端大牛都頂一下!CSS鼠標樣式問題,如圖所示2. html5 - canvas中的mousedrag事件,為什么鼠標拖出canvas,然后再次移入canvas,drag事件還觸發3. node.js - 在nodejs環境中如何配置webhook以實現hexo博客的自動更新?4. 網頁爬蟲 - python爬蟲用BeautifulSoup爬取<s>元素并寫入字典,但某些div下沒有這一元素,導致自動寫入下一條,如何解決?5. 百度地圖api - Android百度地圖SDK,MapView上層按鈕可見卻不可觸,怎么解決?6. mysql 獲取時間函數unix_timestamp 問題?7. javascript - es6擴展運算符...的問題8. 新入手layuiadmin,部署到tp中。想用php自已寫一個后臺管理系統。9. javascript - jquery怎么給select option一個點擊時觸發的事件,如圖 如果選擇自定義觸發一個時間?10. css3 - 求教CSS圖標庫的寫法,也就是先做雪碧圖,然后寫一個css表,用的時候直接用class就可以了
排行榜
