文章詳情頁
前端 - date屬性的input文本框在微信上會出現奇怪的邊框？
瀏覽：110日期：2022-06-25 08:39:25
問題描述
已經設置了border為none，為什么還會出現這樣的情況呢？uc上沒問題，qq和微信是這種情況。還有為什么qq和微信點擊元素周圍會有個藍色的框，放開就沒有了
.form-group input[type='date'] { border: none;}
問題解答
回答1：outline: 0;-webkit-appearance: none;就去掉了
回答2：加上 outline: none;
回答3：試試加上outline:0
回答4：.form-group input[type='date'] { border: 0; outline:0;}回答5：
方法樓上都說了，我解釋一下原因；基于webkit內核的瀏覽器會默認給input加上一個藍色或黃色的outline。
標簽：
微信
相關文章：
1. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題2. css3 - 圖片等比例縮放3. html - css3中多列高度 統一4. javascript - 使用angular 的ui-sref 中出現了中文參數，點擊跳轉后瀏覽器的地址欄里出現轉義后的%AE....%a%45. css3 - 如何將網頁CSS背景圖高斯模糊且全屏顯示6. javascript - 一個賦值運算的問題7. css3 - animation屬性，safari瀏覽器不支持相關效果8. javascript - 求賜教：網易郵箱Web端模擬登錄看信的加密參數_ntes_nnid、_ntes_nuid9. css - jq有無現成函數改變rotateX/Y的deg10. javascript - QWebEngineView 如何爬 angular 的動態數據？
排行榜
網公網安備