文章詳情頁
html5 - HTML或者JS可否動態(tài)改變 .css的屬性?
瀏覽:246日期:2022-12-07 16:53:13
問題描述
例如想基于input輸入的value內(nèi)容改變*.css或者<style>的屬性值 是否可實(shí)現(xiàn)?例如:用input:color標(biāo)簽獲取選擇的顏色value,更新滾動條的顏色?(這個(gè)必須用選擇器,不能用行內(nèi))
目前想到的一種方法就是用js在當(dāng)前頁面創(chuàng)建一個(gè)<style>,然后修改這個(gè)標(biāo)簽里面的內(nèi)容。不知道是否還有其他想法?
感覺我好像沒有描述清楚,需要根據(jù)value給出css樣式表的屬性值 例如:用戶選擇了#6ec42a,那么滾動條變成#6ec42a這個(gè)顏色。這樣的話,提前準(zhǔn)備好css文件不太好做,總不能把十六進(jìn)制顏色都窮舉出來做成不同的css文件?不過很感謝二位剛剛分享的方法,這個(gè)我也不會,正好學(xué)習(xí)了!
問題解答
回答1:寫幾個(gè)不同方案的.css文件,根據(jù)情況用js動態(tài)加載css文件
回答2:例如想基于input輸入的value內(nèi)容改變*.css或者<style>的屬性值 是否可實(shí)現(xiàn)?可以用屬性選擇器替換*.css例如:$('[href*=aaa.css]').attr({href: ’bbb.css’});
標(biāo)簽:
Html5
相關(guān)文章:
1. android - 優(yōu)酷的安卓及蘋果app還在使用flash技術(shù)嗎?2. android - 使用百度sdk調(diào)用SDKInitializer.initialize(this)時(shí)報(bào)錯(cuò)?3. javascript - webpack-dev-server和webpack沖突嗎4. javascript - 最近用echarts做統(tǒng)計(jì)圖時(shí)遇到兩個(gè)問題!!5. 淺談Vue使用Cascader級聯(lián)選擇器數(shù)據(jù)回顯中的坑6. html5 - 用h5本地存儲是否安全?7. javascript - 使用百度文本編輯器ueditor不顯示樣式問題8. 微信公眾號在線生成二維碼帶參數(shù)怎么搞?9. javascript - react熱加載的一段代碼10. css3 - img垂直水平居中問題
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備