一站式百度SEO排名優化!-找老劉SEO 低投入,高轉化,精益求精、一絲不茍:旨在提供更好的SEO服務!

首頁>>前端開發

element.style樣式的修改

首頁 2020-09-03 前端開發 4595 ℃Tags: element.style css


解決方案:element.style為內聯樣式,基本很多都是在JS代碼里寫死了的,但是我們可以用 !important 語法優先權來實現我們想要的效果。


近在二次開發一個插件時發現自己給添加的樣式總是無法展示,在控制臺發現了一個特別的樣式***element.style***,這個值還找不到在哪

微信截圖_20200903170525.png

無法修改的原因

HTMLElement.style 屬性返回的是一個CSSStyleDeclaration 對象是只讀的,表示元素的內聯style 屬性,但忽略任何樣式表應用屬性,也就是說style 屬性被當成只讀的(盡管FF(Gecko),Chrome,Opean允許修改它),通過style 可訪問的CSS屬性列表可以查看CSS PropertiesRefer


這些樣式都是瀏覽器的默認樣式


如何處理

可以去找一下響應的js文件,去修改設置的style屬性樣式

基本很多都是在JS代碼里寫死,在使用第三方js文件時會遇到,可以用***!important*** 語法優先來實現

例如,修改google瀏覽器輸入框顏色

input:-webkit-autofill {

  -webkit-box-shadow: 0 0 0px 1000px white inset;

  -webkit-text-fill-color: #333;

}


如果html里確實沒有寫baistyle,

那么基du本上就是js弄出來的了,

在內部zhijs和外部js都仔細檢查下dao,看看哪里定義了修改一下就行了,如果實在是不會改js,那么最簡單的辦法就是把那個p標簽換掉(比如換成span)


搜索
分類
熱門標簽
  • 首頁
  • 電話
  • QQ
  • ?
    聯系老劉手機
    1043025812
    聯系老劉微信
    掃描微信二維碼
    超碰97国产女人让你爽|欧美大码情趣内肥模展示|三级三级久久三级久久|国内精品久久国产大陆|543ev首页国产婷婷