7 補充」確認「按鈕樣式

2021-10-23 02:59:41 字數 544 閱讀 3762

前面新增了取消按鈕的樣式,同時我們將其設定為預設樣式,class 屬性為 button 的樣式

現在新增確認按鈕的樣式,設定其 class 屬性為 primary-button

修改了文字顏色和背景顏色

.primary-button
之前我們使用 :class 繫結內部樣式及使用了三元運算子將 color 和 size 應用於 button 的class

我們將 color 和 size 屬性用 type 屬性替代

也就是當我們使用 my-button 元素標籤時可以如下使用

確認
先在元件檔案新增 type 屬性,type 設定為型別設定為 string,也就是在使用 my-button 元素指定 type 的值時其會驗證是否為 string 型別,default 是給 type 指定預設值。 

然後在 button 標籤內繫結 class

css樣式補充

設定為該屬性值的盒子,本質上讓然是乙個塊盒,但同時該盒子會附帶另乙個盒子 元素本身生成的盒子叫做主盒子,附帶的盒子稱為次盒子,次盒子和主盒子水平排列 涉及的css list style type 設定次盒子 list style position 設定次盒子相對於主盒子的位置 速寫屬性list st...

按鈕組樣式

ulclass buttongroup li aid btn copy href webroot cardpurchasedetails add class a demo two rel leanmodal 再次購買a li li aid btn activate href activate cla...

修改按鈕的樣式

修改按鈕的樣式 有過程式設計經歷的都知道,vs 2008預設生成的按鈕在編輯狀態下的樣式還看得順眼,但執行時的外觀就不堪入目了,跟windows 98的主題差不多,很死板。我們能不能修改一下按鈕的外觀呢?答案是肯定的。下面我們就共同 下修改按鈕樣式的方法。修改按鈕樣式的實質其實就是用位圖資源替代普通...