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

    首頁>>前端開發

    element.style樣式的修改

    首頁 2020-09-03 前端開發 5498 ℃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
    聯系老劉微信
    掃描微信二維碼
    34pao国产成视频永久免费_国产精品专区第5页_无码精品A∨在线观看_国色天香精品一卡二卡三卡_ww.国产精品