作者iceleaf (我行我素 我型我塑)
看板Web_Design
標題[問題] 如何更改jQuery UI的CSS樣式呢?
時間Wed Aug 24 19:14:40 2016
jQuery新手提問,
我想要更改這個例子的CSS樣式，
http://www.runoob.com/try/try.php?filename=jqueryui-example-progressbar
請問如何更改:
1.進度條總寬度
2.進度條總高度
3.進度條外框顏色
4.進度條內bar的顏色
5.進度條內背景顏色
6.外框圓角大小
看前面的說明有點花，不知道如何更改......
請版上指導我方向，感激不盡.....
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.171.65.220
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1472037283.A.EA9.html
1F：推 ymcheung: 他的樣式都放在 jquery-ui.min.css 08/24 19:42
2F：→ ymcheung: 通常會附上沒有 .min.css 的原始檔案 比較容易改 08/24 19:42
3F：→ iceleaf: 感謝回應 但我還是不清楚該怎麼做 我目前只會用純CSS設 08/24 21:55
4F：→ iceleaf: 定各個div樣式... 08/24 21:56
5F：推 swallowcc: 用chrome開發者工具找出樣式定義的地方再override掉 08/24 23:22
6F：→ iceleaf: 有在chrome開發者工具Element看到樣式了，那我的下一步 08/24 23:45
7F：→ iceleaf: 該怎麼做呢? 不好意思.... 08/24 23:45
8F：推 ymcheung: 開發者工具無法儲存 只看暫時看(有錯請指正) 08/25 03:49
9F：→ ymcheung: 所以根本的還是要用 jquery-ui.css 的檔案 08/25 03:49
10F：→ ssccg: 通常不會直接改library的css吧，自己寫個css檔把要override 08/25 10:22
11F：→ ssccg: 的樣式寫在裡面就好 08/25 10:24
12F：推 devil115789: 1.width 2.height 3.border-color 4.5.圖 6.radius 08/25 10:56
13F：→ devil115789: 基本上就是自己寫一個css蓋過去就可以了 08/25 10:57
14F：→ devil115789: 改library也可以 只是建議換個檔名 以免搞混 08/25 10:57
15F：→ iceleaf: 目前根據樓上各位大大解釋後，找到的解決方法是:用開發者 08/25 11:39
16F：→ iceleaf: 工具找到CSS樣式，複製下來後，貼到html內做CSS調整，請 08/25 11:40
17F：→ iceleaf: 問這樣是正確的做法嗎? 看起來是有改樣式，但不曉得這樣 08/25 11:41
18F：→ iceleaf: 是不是理想的做法 08/25 11:42
19F：推 sycc: 這樣也可以。更好的作法是把樣式貼到一個新開的css檔裡 08/25 12:25
20F：推 CauseSam: 你在抓jquery ui時其實可以選擇自訂樣式 08/25 13:22
21F：→ iceleaf: 新開css真的畫面比較乾淨~ 還有請問樓上有教學範例嗎?我 08/25 13:38
22F：→ iceleaf: 可能需要範例才能入門......感謝 08/25 13:38
24F：→ swallowcc: 點一點選一選下載 import 進去就可以用了啊 08/25 14:41
25F：→ iceleaf: 樓上..其實我不曉得該怎麼做....(汗).... 08/26 00:16
26F：→ swallowcc: 誒，你有點著玩左邊的選單試試嗎? 點成你喜歡的樣式 08/26 21:55
27F：→ swallowcc: 然後下載，解壓縮, 把檔案放進你的project... 08/26 21:56
28F：→ swallowcc: 再把你的 html 內的 reference 改成對應檔名就好 08/26 21:59