Obsidian：變更Soundscapes的按鈕樣式

如果你跟我一樣覺得Obsidian外掛的Soundscapes拉Bar按鈕太大的話，可以複製下列CSS變更。

• 修改前
  

• 修改後
  

/* Soundscapes BEGIN 拉桿圓圈 */
input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance: none;
  position: relative;    /* 設為相對位置，為了前後區塊的絕對位置而設定 */
  width:10px;
  height:10px;
  top: -2px;
  background:grey;
  border-radius:50%;
  transition:.2s;        /* 點選放大時候的漸變時間 */
}
/* Soundscapes END */

您可能也會有興趣的類似文章

• Obs129｜Obsidian除了CSS片段以外的CSS進階用法與兩個CSS外掛 (0則留言, 2023/05/14)
• Obs128｜Obsidian Dataview進度條與YAML欄位快速輸入的方法 (0則留言, 2023/05/11)
• Obs151｜幫Obsidian加上音樂－生產力火速大漲十倍！使用Soundscapes外掛 (0則留言, 2024/02/08)
• [Obs＃99] Obsidian跳頁分隔線的簡單作法：使用HR標籤（水平線） (0則留言, 2022/10/08)
• [Obs＃98] Obsidian的幾個CSS與HTML小技巧 (0則留言, 2022/10/02)
• Obsidian Soundscapes Plugin停止標題捲動的方法 (2則留言, 2024/02/20)
• [Obs＃96] Obsidian分頁調整： CSS樣式與外掛，讓分頁操作更簡便 (0則留言, 2022/09/10)
• [Obs＃107] Obsidian全方位搜尋：OmniSearch外掛 (0則留言, 2022/11/20)
• [Obs＃92] Obsidian彙編文章的簡單方法：2個外掛＋1個CSS片段 (0則留言, 2022/07/16)
• Obs143｜分頁式介面的應用：HTML Tabs外掛；增加Obsidian呈現的便利性 (0則留言, 2023/10/15)
• Obsidian(黑曜石) 水平捲動面板的設定方法 (11則留言, 2020/06/27)
• Obsidian 1.0新手教學—打造個人知識管理利器，專屬的第二大腦 (2022年) (4則留言, 2022/10/22)
• [Obs＃86] 分享與編輯器相關的21個Obsidian外掛 (0則留言, 2022/05/08)
• Obs＃120 | Chronology：筆記年表一覽無遺 (0則留言, 2023/03/26)
• Obsidian常見問題010：如何在標題下方添加漸層線條？ (0則留言, 2023/02/16)