李皇諦>幫助頁面>維基按鈕

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
貢獻者:

維基按鈕
模板:Clickable ButtonMediaWiki

這個按鈕是紅色的 這個按鈕是藍色的
反正都能解壓,<div>也可以用
查看我的個人頁

實現原理:

  1. <!--白色按鈕-->
  2. <span class="mw-ui-button">這個按鈕是白色的</span>
  3. <!--紅色按鈕-->
  4. <span class="mw-ui-button mw-ui-destructive">這個按鈕是紅色的</span>
  5. <!--藍色按鈕-->
  6. <span class="mw-ui-button mw-ui-progressive">這個按鈕是藍色的</span>
  7. <!--鏈接跳轉按鈕-->
  8. [//zh.moegirl.org/Special:我的用戶頁 <span class="mw-ui-button">查看我的個人頁</span>]

值得注意的是,用電腦端HTML點擊滑鼠的頻率太快會選中文字,雙擊選中單詞,三擊選中整行。如果你不想要觀眾選中按鈕裡面的內容,你可以添加「user-select」的CSS屬性,或者使用「cursor」屬性定義滑鼠樣式,但請注意,濫用上述CSS屬性可能會遭到反破壞質疑。

  1. <!--不能選擇文本的按鈕-->
  2. <span class="mw-ui-button" style="user-select:none;">不可選中文本</span>
  3. <!--修改鼠標樣式為“不可用”-->
  4. <span class="mw-ui-button" style="cursor:not-allowed;">不可用按鈕</span>

不可選中文本 不可用按鈕

當然,你也可以點擊此處參閱{{Clickable Button}}的模板文檔

此頁面最後編輯於 2023年8月31日 (星期四) 11:07。
搜尋萌娘百科 (按"/"快速搜尋)
有新的未讀公告