Re: [問題] 如何更改jQuery UI的CSS樣式呢?

作者: iceleaf (我行我素 我型我塑)   2016-08-25 13:56:13
※ 引述《iceleaf (我行我素 我型我塑)》之銘言:
: jQuery新手提問,
: 我想要更改這個例子的CSS樣式,
: http://www.runoob.com/try/try.php?filename=jqueryui-example-progressbar
: 請問如何更改:
: 1.進度條總寬度
: 2.進度條總高度
: 3.進度條外框顏色
: 4.進度條內bar的顏色
: 5.進度條內背景顏色
: 6.外框圓角大小
: 看前面的說明有點花,不知道如何更改......
: 請版上指導我方向,感激不盡.....
這是我目前從google chrome找到的樣式,做成外部的CSS檔
https://www.dropbox.com/s/xrerfnr0e81kebw/style.png?dl=0
改圓角,內部bar的顏色,外框背景顏色,外框大小都沒問題,
但是我無法改動外框的位置,
圖片中藍色的地方,我想要改它的left數值,但是沒有效果(位置不會動)
我html內部只有兩個div
https://www.dropbox.com/s/o3n3puzi03cjxhd/body.png?dl=0
請問我該怎麼更動它的位置呢?
另外還想提問,我想用一個大的div包住這兩個div
https://www.dropbox.com/s/9ux1hx07d47wg94/body2.png?dl=0
我希望這個div佈滿整個視窗,所以我CSS這樣寫
https://www.dropbox.com/s/700pxsm5m79g2dj/bkgd100.png?dl=0
出現這個結果
https://www.dropbox.com/s/9olsgu8sb5w1aq5/BG100.png?dl=0
height,left 無作用
但如果我這樣改
https://www.dropbox.com/s/wrzoq5np125yq06/bkgd2.png?dl=0
出現結果是
https://www.dropbox.com/s/76luq2ouc0h27rh/BG2.png?dl=0
width 有作用
height: 700px有作用
left: 依舊沒反應
請問我該怎麼任意的控制大小及位置呢?
作者: ilovekebi   2016-08-25 17:07:00
建議你先把你的程式碼貼在codepen或jsfiddle這樣比較好幫你 debug
作者: iceleaf (我行我素 我型我塑)   2016-08-25 17:23:00
我還沒用過codepen跟jsfiddle,我研究看看怎麼弄,感謝!剛剛發現 我忘了把position設為absolute,設定好就正常了
作者: devil115789 (味噌湯好喝)   2016-08-26 11:46:00
應該是用margin-left

Links booklink

Contact Us: admin [ a t ] ucptt.com