css設(shè)置滾動條樣式不生效?

1、首先打開前端開發(fā)工具，新建一個HTML代碼頁面，如下圖所示。在html代碼頁面上創(chuàng)建一個父和一個子，同時給這兩個div添加一個class分別為scroll-box、scroll。給子添加內(nèi)容，為了讓滾動條可以實(shí)現(xiàn)，盡量多添加一些內(nèi)容。

創(chuàng)新互聯(lián)是一家網(wǎng)站設(shè)計公司，集創(chuàng)意、互聯(lián)網(wǎng)應(yīng)用、軟件技術(shù)為一體的創(chuàng)意網(wǎng)站建設(shè)服務(wù)商，主營產(chǎn)品：響應(yīng)式網(wǎng)站開發(fā)、成都品牌網(wǎng)站建設(shè)、成都營銷網(wǎng)站建設(shè)。我們專注企業(yè)品牌在網(wǎng)站中的整體樹立，網(wǎng)絡(luò)互動的體驗(yàn)，以及在手機(jī)等移動端的優(yōu)質(zhì)呈現(xiàn)。成都做網(wǎng)站、成都網(wǎng)站建設(shè)、移動互聯(lián)產(chǎn)品、網(wǎng)絡(luò)運(yùn)營、VI設(shè)計、云產(chǎn)品.運(yùn)維為核心業(yè)務(wù)。為用戶提供一站式解決方案，我們深知市場的競爭激烈，認(rèn)真對待每位客戶，為客戶提供賞析悅目的作品，網(wǎng)站的價值服務(wù)。

2、你的代碼有誤。一個是顏色值錯誤，#66666 錯了，寫3個6或者6個6才對。scrollbar-3d-light-color的這個，3d后是沒有“-”的。你的瀏覽器使用的是你機(jī)器系統(tǒng)中的主題顏色設(shè)置。

3、overflow：visible是硬性的不要滾動條，不同的瀏覽器對于一些情況會出現(xiàn)你所未料的BUG。所以，你應(yīng)該從邏輯上避免出現(xiàn)滾動，也就是寬度不超過1000px為宜。而不是邏輯上出現(xiàn)了滾動，而去通過辦法不顯示滾動。

4、不生效的原因 選擇器寫錯 語法錯誤 選擇器路徑有誤 出現(xiàn)很多這種狀況，怕路徑出錯，就復(fù)制路徑，一不小心就復(fù)制多了一個選擇器，所以出現(xiàn)css不生效的原因。復(fù)制的問題小心，切記。

為什么修改了CSS樣式?jīng)]反應(yīng)

div 標(biāo)簽未關(guān)閉 這是版面設(shè)計失效的最常見原因之一。當(dāng)我們了解到這是多少精致的版塊設(shè)計失效的罪魁禍?zhǔn)讜r，總會大吃一驚。開啟的div標(biāo)簽是最普遍的版塊設(shè)計失誤之一，也是最難診斷的失誤之一。

html中，有的css樣式在樣式表里不起作用是設(shè)置錯誤造成的，解決方法為：在如圖網(wǎng)頁中，我們可以看到style中的樣式列表，以及所展示的效果圖。將style中的全部css樣式選中，然后復(fù)制或者剪切。

有可能修改了樣式，打開錯了網(wǎng)頁。有可能看對了body，修改錯了CSS 或許會受到JS影響，但這種情況很少很少，基本不可能噠。建議樓主價格border來固定一下大概位置在哪？然后再做修改。

如果版式也亂了 說明是css文件路徑錯誤。如果版式正常，只是圖片不顯示，就是圖片路徑寫錯了。在本地和服務(wù)器上文件路徑有些不同，服務(wù)器上可以試著改為絕對路徑試試。

你這個問題也太短了把。css失效有很多原因，有可能鏈接過來出錯了。有可能你自己漏掉了什么。也有可能你掩蓋了某些樣式，使那些樣式?jīng)]有達(dá)到預(yù)期的效果。等等。。

為什么css樣式會無效

1、特殊樣式：某些超鏈接可能內(nèi)置了自己的css樣式，或者在文本中使用了行內(nèi)樣式，覆蓋了全局樣式效果。CSS優(yōu)先級：在CSS樣式中，使用針對性更強(qiáng)的選擇器、屬性或值時，會優(yōu)先應(yīng)用針對性較高的樣式，覆蓋掉全局樣式。

2、設(shè)置scroll-box、scroll類樣式。

3、html中，有的css樣式在樣式表里不起作用是設(shè)置錯誤造成的，解決方法為：在如圖網(wǎng)頁中，我們可以看到style中的樣式列表，以及所展示的效果圖。將style中的全部css樣式選中，然后復(fù)制或者剪切。

4、JavaScript。不良嵌套 嵌套就是元素里又包括元素，我們?nèi)菀谆煜短自氐捻樞?。例如在div標(biāo)簽前啟動strong標(biāo)簽，但又先關(guān)閉div標(biāo)簽。這可能不會改變版塊布局，但卻會使你的版塊設(shè)計失效。

5、代碼看不清楚。樣式無效：可能是引入路徑不正確 樣式中有部分寫錯了 文字在底部：可以通過vertical-align來設(shè)置。

html中,為什么有的css樣式在樣式表里不起作用?!

原因書寫錯誤，查看是否寫正確。分辨率不適用，需要調(diào)整到指定分辨率。

不當(dāng)?shù)腄OCTYPE聲明 不聲明DOCTYPE，或者在文件開始錯誤聲明DOCTYPE，也是一個常見錯誤。根據(jù)一般經(jīng)驗(yàn)，Strict DOCTYPE是大家追求的最高級驗(yàn)證。Strict validation表明你的網(wǎng)頁能夠在所有瀏覽器上都得到最佳展示。

缺點(diǎn)是沒有整篇文件的“統(tǒng)一性”，在修改樣式時變得困難，不方便維護(hù)。

你的定義都沒有問題，是不是路徑問題，測試一下相對路徑和絕對路徑?；蚴俏募A位置不對。

去掉你的style 標(biāo)簽 table，tr，td { border：1px solid blue； } 要注意你有沒有引入了這個css 。

在內(nèi)部樣式表中 body { width： 300px；margin： 0 auto；}；中}； 為錯誤寫法，應(yīng)該把；去掉。CSS語法與JS語法不要弄混淆了。而且從瀏覽器顯示的結(jié)果可以看出body樣式已經(jīng)成功應(yīng)用，但是div樣式?jīng)]有正確應(yīng)用。

分享題目：修改css樣式不起作用 改變css樣式
網(wǎng)頁URL：http://jinyejixie.com/article30/dgijppo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、域名注冊、網(wǎng)站設(shè)計公司、網(wǎng)站排名、定制開發(fā)、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)