2023年政策修订增补工作正在进行中，欢迎参与！
  • Moegirl.ICU：萌娘百科流亡社群 581077156（QQ），欢迎对萌娘百科运营感到失望的编辑者加入！
  • Moegirl.ICU：账号认领正在试运行，有意者请参照账号认领流程。

李皇谛>帮助页面>维基按钮

萌娘百科，万物皆可萌的百科全书！转载请标注来源页面的网页链接，并声明引自萌娘百科。内容不可商用。
跳转到导航 跳转到搜索

维基按钮
模板：Clickable ButtonMediaWiki

这个按钮是红色的 这个按钮是蓝色的
反正都能解压，<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>

不可选中文本 不可用按钮

当然，你也可以点击此处参阅{{Clickable Button}}的模板文档。
取自“https://moegirl.icu/index.php?title=User:李皇谛/Help/Button&oldid=7035064”