刪除按鈕點選後的虛線輪廓
有一個比較細微的現象可能很多初學者或者剛工作的朋友會忽略。
按鈕在點選後會,預設有一個虛線輪廓,讓人感覺不太美觀。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="https://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> input { height: 30px; line-height: 30px; width: 180px; border: none; background: #03a8b1; color: #fff; margin-top: 10px; border-radius: 30px; } </style> </head> <body> <input type="submit" value="檢視演示"> </body> </html>
上述程式碼在點選後會出現如下效果:
點選後悔出現一個虛線邊框,只要在樣式中加上如下程式碼即可消除:
[CSS] 純文字檢視 複製程式碼outline: none;
關於outline屬性可以參閱CSS outline 輪廓一章節。
相關文章
- JavaScript點選按鈕刪除div元素JavaScript
- jQuery點選按鈕刪除div元素jQuery
- 點選刪除按鈕彈出是否刪除提示框
- JavaScript點選按鈕刪除一個div元素JavaScript
- 點選刪除按鈕刪除當前行程式碼例項行程
- 是否應該在未選中行時禁用刪除按鈕,還是應該在點選按鈕時提示選擇資料?
- 去掉超連結或按鈕點選時出現的虛線邊框
- jquery實現的按鈕點選後60秒後才能夠再點選jQuery
- RecyclerView 梳理:點選&長按事件、分割線、拖曳排序、滑動刪除View事件排序
- 表格核取方塊的勾選,翻頁後,表格頂部的刪除按鈕,是刪除當前頁的選中還是包括之前的選中?
- JavaScript 點選按鈕返回底部JavaScript
- 點選AndroidStudio的build按鈕後發生了什麼AndroidUI
- 點選回車實現按鈕點選功能
- WPF中的ListBox怎麼新增刪除按鈕並刪除所在行
- kindeditor 圖片管理增加刪除操作按鈕
- 動態建立具有刪除行按鈕的table表格
- 新增了自定義的編輯和刪除按鈕
- Android--按鈕點選事件Android事件
- Android 點選按鈕跳轉Android
- 防止頁面按鈕多次點選
- 瀏覽器歷史,判斷是點選了後退按鈕還是前進按鈕瀏覽器
- OpenCV計算機視覺學習(8)——影像輪廓處理(輪廓繪製,輪廓檢索,輪廓填充,輪廓近似)OpenCV計算機視覺
- flutter好用的輪子推薦二-點贊按鈕動畫Flutter動畫
- 點選瀏覽器後退按鈕時彈出提示資訊瀏覽器
- 短視訊系統,長按側滑實現刪除的按鈕
- JavaScript點選按鈕返回底部詳解JavaScript
- JavaScript點選按鈕彈出層效果JavaScript
- 點選按鈕獲取當前位置
- 異形按鈕的點選區域處理
- 快速搭建直播平臺,點選按鈕(Button)後改變顏色
- js表單提交後提交按鈕不可點選程式碼例項JS
- 搭建自己的直播平臺,修改cell刪除按鈕字型大小
- 自定義view之寫一個帶刪除按鈕的EdittextView
- MUI – IOS系統,相簿選擇照片後,點選確定按鈕無反應UIiOS
- 單選多選按鈕
- 直播商城平臺,購物車長按右滑出現刪除按鈕
- Android處理按鈕重複點選Android
- Android | 使用 AspectJ 限制按鈕快速點選Android