[问题] 如何更改jQuery UI的CSS样式呢?

楼主: iceleaf (我行我素 我型我塑)   2016-08-24 19:14:40
jQuery新手提问,
我想要更改这个例子的CSS样式,
http://www.runoob.com/try/try.php?filename=jqueryui-example-progressbar
请问如何更改:
1.进度条总宽度
2.进度条总高度
3.进度条外框颜色
4.进度条内bar的颜色
5.进度条内背景颜色
6.外框圆角大小
看前面的说明有点花,不知道如何更改......
请版上指导我方向,感激不尽.....
作者: ymcheung (ymc)   2016-08-24 19:42:00
他的样式都放在 jquery-ui.min.css通常会附上没有 .min.css 的原始档案 比较容易改
楼主: iceleaf (我行我素 我型我塑)   2016-08-24 21:55:00
感谢回应 但我还是不清楚该怎么做 我目前只会用纯CSS设定各个div样式...
作者: swallowcc (guest)   2016-08-24 23:22:00
用chrome开发者工具找出样式定义的地方再override掉
楼主: iceleaf (我行我素 我型我塑)   2016-08-24 23:45:00
有在chrome开发者工具Element看到样式了,那我的下一步该怎么做呢? 不好意思....
作者: ymcheung (ymc)   2016-08-25 03:49:00
开发者工具无法储存 只看暂时看(有错请指正)所以根本的还是要用 jquery-ui.css 的档案
作者: ssccg (23)   2016-08-25 10:22:00
通常不会直接改library的css吧,自己写个css档把要override的样式写在里面就好
作者: devil115789 (味噌汤好喝)   2016-08-25 10:56:00
1.width 2.height 3.border-color 4.5.图 6.radius基本上就是自己写一个css盖过去就可以了改library也可以 只是建议换个档名 以免搞混
楼主: iceleaf (我行我素 我型我塑)   2016-08-25 11:39:00
目前根据楼上各位大大解释后,找到的解决方法是:用开发者工具找到CSS样式,复制下来后,贴到html内做CSS调整,请问这样是正确的做法吗? 看起来是有改样式,但不晓得这样是不是理想的做法
作者: sycc (100倍返しだ!)   2016-08-25 12:25:00
这样也可以。更好的作法是把样式贴到一个新开的css档里
作者: CauseSam (天翼)   2016-08-25 13:22:00
你在抓jquery ui时其实可以选择自订样式
楼主: iceleaf (我行我素 我型我塑)   2016-08-25 13:38:00
新开css真的画面比较干净~ 还有请问楼上有教学范例吗?我可能需要范例才能入门......感谢
作者: swallowcc (guest)   2016-08-25 14:41:00
http://jqueryui.com/themeroller/ 不用啥范例吧...点一点选一选下载 import 进去就可以用了啊
楼主: iceleaf (我行我素 我型我塑)   2016-08-26 00:16:00
楼上..其实我不晓得该怎么做....(汗)....
作者: swallowcc (guest)   2016-08-26 21:55:00
诶,你有点着玩左边的选单试试吗? 点成你喜欢的样式然后下载,解压缩, 把档案放进你的project...再把你的 html 内的 reference 改成对应档名就好

Links booklink

Contact Us: admin [ a t ] ucptt.com