<div>也可以用實現原理:
<!--白色按鈕--> <span class="mw-ui-button">這個按鈕是白色的</span> <!--紅色按鈕--> <span class="mw-ui-button mw-ui-destructive">這個按鈕是紅色的</span> <!--藍色按鈕--> <span class="mw-ui-button mw-ui-progressive">這個按鈕是藍色的</span> <!--鏈接跳轉按鈕--> [//zh.moegirl.org/Special:我的用戶頁 <span class="mw-ui-button">查看我的個人頁</span>]
值得注意的是,用電腦端HTML點擊滑鼠的頻率太快會選中文字,雙擊選中單詞,三擊選中整行。如果你不想要觀眾選中按鈕裡面的內容,你可以添加「user-select」的CSS屬性,或者使用「cursor」屬性定義滑鼠樣式,但請注意,濫用上述CSS屬性可能會遭到反破壞質疑。
<!--不能選擇文本的按鈕--> <span class="mw-ui-button" style="user-select:none;">不可選中文本</span> <!--修改鼠標樣式為“不可用”--> <span class="mw-ui-button" style="cursor:not-allowed;">不可用按鈕</span>
不可選中文本 不可用按鈕
link=external,無連結需要指定link=none。blue,red兩種可選顏色。代碼:{{按鈕|Mainpage|萌百主頁}}
代碼:{{按鈕|提問求助區|color=blue}}
代碼:{{按鈕|https://cn.bing.com/|必應搜索|link=external|color=blue}}
代碼:{{按鈕|僅供減壓|link=none|color=red}}
代碼:{{按鈕|前面可是地獄啊|color=red|font=black}}