2013年9月9日 星期一

UI kit 來點顏色吧!

剛剛成功使用UI kit 展現 各種 css , 但是只要想用有顏色的

.uk-button-primary

就會出現慘不忍睹的Button , 










中間藍色按鈕和範例展示也差太多了, 你們真的是同一個父母生出來的嗎?

昨想右想, 覺得應該是css出問題, 所以就將uikit.gradient.css打開, 將

.uk-button
.uk-button-primary 調出來看

用.uk-button跑出來的會長如下


三張圖相比, 少了圓角, 檢查.uk-button屬性, 發現


border-radius: 4px;

加入到.uk-button-primary中, 如下


得到結果如下, 喔!好像有點像了, 所以我就將.uk-button-primary沒有的通通補齊












喔! 看樣子還不錯, 但是這樣做法我個人是覺得怪怪,因為css碼中就重複兩次設定樣式...


應該會有繼承關係在裡面

但不知道為什麼就是沒作用....