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

看板Web_Design作者 (我行我素 我型我塑)時間9年前 (2016/08/25 13:56), 9年前編輯推噓2(203)
留言5則, 3人參與, 最新討論串2/2 (看更多)
※ 引述《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: 依舊沒反應 請問我該怎麼任意的控制大小及位置呢? -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.169.92.140 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1472104578.A.624.html ※ 編輯: iceleaf (1.169.92.140), 08/25/2016 14:48:13

08/25 17:07, , 1F
建議你先把你的程式碼貼在codepen或jsfiddle
08/25 17:07, 1F

08/25 17:08, , 2F
這樣比較好幫你 debug
08/25 17:08, 2F

08/25 17:23, , 3F
我還沒用過codepen跟jsfiddle,我研究看看怎麼弄,感謝!
08/25 17:23, 3F

08/25 17:36, , 4F
剛剛發現 我忘了把position設為absolute,設定好就正常了
08/25 17:36, 4F

08/26 11:46, , 5F
應該是用margin-left
08/26 11:46, 5F
文章代碼(AID): #1NleY2Oa (Web_Design)
討論串 (同標題文章)
文章代碼(AID): #1NleY2Oa (Web_Design)