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」