1. 程式人生 > 其它 >消除點選<audio>音樂播放器標籤默認出現的邊框 html+css

消除點選<audio>音樂播放器標籤默認出現的邊框 html+css

技術標籤:前端csshtml

標題:消除點選音樂播放器標籤默認出現的邊框 html+css

問題描述:

在寫html檔案時我們寫audio標籤時,點選播放歌曲時默認出現邊框(如圖),我們想消除掉。
1

解決方案:

1.定義標籤

 <audio src="白安-是什麼讓我遇見這樣的你.mp3" controls  class="yinyue"></audio>
  1. 通過新增outline屬性解決
 .yinyue{
       outline: none;
   }

效果

2
現在點選播放就沒預設的邊框了。