<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}}