html5 - HTML或者JS可否動(dòng)態(tài)改變 .css的屬性?
問題描述
例如想基于input輸入的value內(nèi)容改變*.css或者<style>的屬性值 是否可實(shí)現(xiàn)?例如:用input:color標(biāo)簽獲取選擇的顏色value,更新滾動(dòng)條的顏色?(這個(gè)必須用選擇器,不能用行內(nèi))
目前想到的一種方法就是用js在當(dāng)前頁面創(chuàng)建一個(gè)<style>,然后修改這個(gè)標(biāo)簽里面的內(nèi)容。不知道是否還有其他想法?
感覺我好像沒有描述清楚,需要根據(jù)value給出css樣式表的屬性值 例如:用戶選擇了#6ec42a,那么滾動(dòng)條變成#6ec42a這個(gè)顏色。這樣的話,提前準(zhǔn)備好css文件不太好做,總不能把十六進(jìn)制顏色都窮舉出來做成不同的css文件?不過很感謝二位剛剛分享的方法,這個(gè)我也不會(huì),正好學(xué)習(xí)了!
問題解答
回答1:寫幾個(gè)不同方案的.css文件,根據(jù)情況用js動(dòng)態(tài)加載css文件
回答2:例如想基于input輸入的value內(nèi)容改變*.css或者<style>的屬性值 是否可實(shí)現(xiàn)?可以用屬性選擇器替換*.css例如:$('[href*=aaa.css]').attr({href: ’bbb.css’});
相關(guān)文章:
1. android - 美團(tuán)篩選處篩選條件停靠+條件點(diǎn)擊滑動(dòng)到頂部。2. list - python 求助3. python3.x - python3.5使用pyinstaller打包報(bào)錯(cuò)找不到libpython3.5mu.so.1.0等文件求解?4. python算法,如何優(yōu)雅的合并2個(gè)列表字典?5. python - def自定義函數(shù)的疑惑6. 請(qǐng)教: 關(guān)于 python 反斜杠轉(zhuǎn)義的疑問7. mysql優(yōu)化 - mysql like語句會(huì)導(dǎo)致全表掃描?8. javascript 如何下載一個(gè)excel文件 ?9. Python中, 仿照經(jīng)典代碼實(shí)現(xiàn)單例, 卻出現(xiàn)了不是單例的的狀態(tài), 代碼哪里出錯(cuò)了 ?10. php由5.3升級(jí)到5.6后,登錄網(wǎng)站,返回的是php代碼,不是登錄界面,各位大神有知道的嗎?
