作者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/cn.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