純CSS搞定按鈕、鏈接點擊時的虛線

原創

2020-06-30 17:32

深藏多年祕笈大公開，全世界唯一一家公佈，怎麼點就是點不出，純CSS去掉按鈕或者鏈接點擊產生的虛線。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="Content-Language" content="utf-8"/> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> .wrap{position:relative;} .btns{zoom:1;} .btns *{outline:0;zoom:1;background:#f2f2f2;} .btns button::-moz-focus-inner{border-color:transparent!important;} </style> </head> <body> <div class="wrap"> <div class="btns"> <button type="button">確定</button><button type="button">取消</button> <a href="#" mce_href="#">確定</a><a href="#" mce_href="#">取消</a> </div> </div> </body> </html>

這個東東是無意中的發現，用處數數也瞞多，像ie下帶border的button點擊時噁心的表現、去掉tab的點擊虛線等等。但遺憾的是這個東東在實踐中發現，ie下還是容易受樣式環境影響。

發表評論

所有評論

還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.

相關文章

Vue 學習筆記簡寫

一.Vue文件內容 <template> </template> <script> </script> <style> </style>

2024-05-13 21:42:40

一鍵自動化博客發佈工具,用過的人都說好(csdn篇)

CSDN應該是大家接觸到最多的博客平臺了，所以一款能夠發佈到CSDN的自動化工具還是非常有必要的。今天給大家講講自動化CSDN博客發佈的思路和一些問題的解決辦法。解決問題的思路一定是最重要的，知識是死的，問題是活的，如何在工作中解決遇

2024-05-13 21:39:29

一鍵自動化博客發佈工具,用過的人都說好(掘金篇)

終於要講解我們親愛的掘金了。掘金是一個非常不錯的平臺。所以很多朋友會把博客發佈到掘金上。發佈到掘金要填寫的內容也比較多。今天給大家介紹一下如何用blog-auto-publishing-tools這個工具自動把博客發佈到掘金平臺上去。前

2024-05-16 21:38:44

探討篇（一）：服務粒度的藝術 - 簡化架構與避免服務氾濫

一、背景上週小組有個需求上線牽扯9個應用（小組目前維護了26個服務，由於團隊系統業務屬性特徵基於高可用、高性能原則拆分，有些是合理的，有些不是很合理的），同時上週OpsReview的一個微服務濫用典範案例（Promise服務A調用服務B，

2024-05-20 23:55:39

京東秒送售後系統退款業務重構心得| 京東零售技術團隊

一、重構背景 1.1、退款京東秒送秒送退款有2套結構，代碼邏輯混亂；其中秒送、天選部分售後單是和平生pop交互退款，部分是和售後中臺交互退款；並且兼容3套邏輯；痛點：代碼繁重，缺乏合理性的設計，後續迭代開發以及維護成本高，同時增加

2024-05-16 23:56:23

Spring boot自動裝配實現原理

自動裝配原理分析條件註冊機制 spring-context模塊中有兩個組件：Condition接口和@Conditional註解，在@Conditional註解中可以指定一組Condition實現，通常@Conditional是和@Co

2024-05-16 23:48:07

Koupleless 內核系列｜模塊化隔離與共享帶來的收益與挑戰

文｜趙真靈（花名：有濟） Koupleless 項目負責人螞蟻集團技術專家本文 3724 字閱讀 10 分鐘聯繫作者/加入共建/使用產品本篇文章屬於「Koupleless 進階系列文章」之一，默認讀者對 Koupleless

2024-05-15 23:18:46

一鍵自動化博客發佈工具,用過的人都說好(騰訊雲篇)

之前說過blog-auto-publishing-tools的實現方式是連到現有的瀏覽器中，而不是使用內置的瀏覽器。其中一個很大程度的原因是像騰訊雲這種博客發佈平臺幾乎每天都需要重新登錄一次，登錄還需要手機掃碼。所以自動化實現起來非常複雜

2024-05-20 21:38:29

記一次有點抽象的滲透經歷

0x01 獲取webshell 在各種信息蒐集中，發現某個ip的端口掛着一個比較老的服務。首先看到了員工工號和手機號的雙重驗證，也不知道賬號是什麼結構組成的，基本上放棄字典爆破這一條路。於是乎打開之前用燈塔的掃描結果，看看文件泄露是否

2024-05-17 23:16:30

通過HPA+CronHPA組合應對業務複雜彈性伸縮場景

本文分享自華爲雲社區《通過HPA+CronHPA組合應對業務複雜彈性伸縮場景》，作者：雲容器大未來。背景在k8s集羣中，容器水平自動伸縮(HPA)，可以根據容器資源的使用量，在設置好的副本範圍內，自動擴縮容工作負載副本數(repli

2024-05-17 10:59:32

DevExpress WinForms中文教程 - HTML & CSS支持的實戰應用(一)

DevExpress WinForms擁有180+組件和UI庫，能爲Windows Forms平臺創建具有影響力的業務解決方案。DevExpress WinForms能完美構建流暢、美觀且易於使用的應用程序，無論是Office風格的界面，還

2024-05-16 12:19:55

【解決】element表單動態添加或更新表單項，回顯後無法修改或提示爲空的問題

原方法 /** * 動態更新form * @param form */ updateForm(form) { this.form.manholeId = form.manholeId; this.form

2024-05-15 12:08:40

SharePoint Online 客製化開發：如何使用CSS更改網站主題背景顏色？

一般情況下公司爲了某個團隊或者公司內部共享數據等用途來更改網站的樣式，打造獨特的品牌樣式，很多研發工程師給定的解決方案是爲他們的站點構建自定義主頁，雖然SharePoint Designer是一個強大的工具，但這裏我不推薦使用ShareP

2024-05-14 02:00:35

第三次團隊作業（需求分析）

這個作業屬於哪個課程 <a href="https://edu.cnblogs.com/campus/fzzcxy/SE" target="_blank" style="color: #0099ff; text-decoration:

2024-05-14 00:03:14

O2OA翱途開發平臺前端API和後端API的訪問以及使用

O2OA是一個高度可定製化的企業級開發平臺，它的API（應用程序接口）分爲前端和後端，各自有不同的用途，平臺爲用戶開放了全部的後端API供開發者使用，開發者可以根據各類API組織出符合實際業務需求的新服務或者新業務，用於數據查詢，業務接

2024-05-13 22:50:31

24小時熱門文章

SQL優化-20231016

最新文章

最新評論文章