Re: [問題] 如何更改jQuery UI的CSS樣式呢?
※ 引述《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
08/25 17:07, 1F
→
08/25 17:08, , 2F
08/25 17:08, 2F
→
08/25 17:23, , 3F
08/25 17:23, 3F
→
08/25 17:36, , 4F
08/25 17:36, 4F
推
08/26 11:46, , 5F
08/26 11:46, 5F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章