去除賬號密碼自動賦值時的輸入框背景色

問題描述:

前端使用賬號密碼登錄,若在網頁保存過當前頁面的密碼和賬號,那么當再次進入該頁面,網頁會自動的把賬號和密碼賦到輸入框中,而此時輸入框是帶有背景色的,與周邊的白色背景顯得很不協調;因此想讓其被賦值后背景色依舊是白色

html部分:給el-input加一個css類名,更便于直接選中輸入框更改樣式

<el-form-item prop="mobile"><el-inputv-model="form.mobile"class="elinput"placeholder="手機號"prefix-icon="User"autocomplete="off"/></el-form-item>

css部分:需要使用deep樣式穿透以及使用important提高到最高優先級(但一般情況下不建議使用important)

    :deep(.elinput .el-input__inner:-webkit-autofill) {background-color: #ffffff !important; /*在這里換成你想要的顏色*/transition: background-color 5000s ease-in-out 0s !important;}css

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/62222.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/62222.shtml
英文地址,請注明出處:http://en.pswp.cn/web/62222.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【Pytorch】torch.reshape與torch.Tensor.reshape區別

問題引入&#xff1a; 在Pytorch文檔中&#xff0c;有torch.reshape與torch.Tensor.reshape兩個reshape操作&#xff0c;他們的區別是什么呢&#xff1f; 我們先來看一下官方文檔的定義&#xff1a; torch.reshape&#xff1a; torch.Tensor.reshape: 解釋&#xff1a; 在p…

掃碼與短信驗證碼登錄JS逆向分析與Python純算法還原

文章目錄 1. 寫在前面2. 掃碼接口分析2. 短信接口分析3. 加密算法還原【??作者主頁】:吳秋霖 【??作者介紹】:擅長爬蟲與JS加密逆向分析!Python領域優質創作者、CSDN博客專家、阿里云博客專家、華為云享專家。一路走來長期堅守并致力于Python與爬蟲領域研究與開發工作!…

spring6:3容器:IoC

spring6&#xff1a;3容器&#xff1a;IoC 目錄 spring6&#xff1a;3容器&#xff1a;IoC3、容器&#xff1a;IoC3.1、IoC容器3.1.1、控制反轉&#xff08;IoC&#xff09;3.1.2、依賴注入3.1.3、IoC容器在Spring的實現 3.2、基于XML管理Bean3.2.1、搭建子模塊spring6-ioc-xml…

【認證法規】安全隔離變壓器

文章目錄 定義反激電源變壓器 定義 安全隔離變壓器&#xff08;safety isolating transformer&#xff09;&#xff0c;通過至少相當于雙重絕緣或加強絕緣的絕緣使輸入繞組與輸出繞組在電氣上分開的變壓器。這種變壓器是為以安全特低電壓向配電電路、電器或其它設備供電而設計…

車機端同步outlook日歷

最近在開發一個車機上的日歷助手&#xff0c;其中一個需求就是要實現手機端日歷和車機端日歷數據的同步。然而這種需求似乎沒辦法實現&#xff0c;畢竟手機日歷是手機廠商自己帶的系統應用&#xff0c;根本不能和車機端實現數據同步的。 那么只能去其他公共的平臺尋求一些機會&…

OpenCV-圖像閾值

簡單閾值法 此方法是直截了當的。如果像素值大于閾值&#xff0c;則會被賦為一個值&#xff08;可能為白色&#xff09;&#xff0c;否則會賦為另一個值&#xff08;可能為黑色&#xff09;。使用的函數是 cv.threshold。第一個參數是源圖像&#xff0c;它應該是灰度圖像。第二…

力扣300.最長遞增子序列

題目描述 題目鏈接300. 最長遞增子序列 給你一個整數數組 nums &#xff0c;找到其中最長嚴格遞增子序列的長度。 子序列 是由數組派生而來的序列&#xff0c;刪除&#xff08;或不刪除&#xff09;數組中的元素而不改變其余元素的順序。例如&#xff0c;[3,6,2,7] 是數組 […

Vue CLI的作用

Vue CLI&#xff08;Command Line Interface&#xff09;是一個基于Vue.js的官方腳手架工具&#xff0c;其主要作用是幫助開發者快速搭建Vue項目的基礎結構和開發環境。以下是Vue CLI的具體作用&#xff1a; 1、項目模板與快速生成 Vue CLI提供了一系列預設的項目模板&#x…

【藍橋杯每日一題】掃雷

掃雷 知識點 2024-12-3 藍橋杯每日一題 掃雷 dfs &#xff08;bfs也是可行的&#xff09; 題目大意 在一個二維平面上放置這N個炸雷&#xff0c;每個炸雷的信息有$(x_i,y_i,r_i) $&#xff0c;前兩個是坐標信息&#xff0c;第三個是爆炸半徑。然后會輸入M個排雷火箭&#xff0…

【大數據學習 | 面經】Spark 3.x 中的AQE(自適應查詢執行)

Spark 3.x 中的自適應查詢執行&#xff08;Adaptive Query Execution&#xff0c;簡稱 AQE&#xff09;通過多種方式提升性能&#xff0c;主要包括以下幾個方面&#xff1a; 動態合并 Shuffle 分區&#xff08;Coalescing Post Shuffle Partitions&#xff09;&#xff1a; 當 …

城電科技 | 光伏景觀長廊 打造美麗鄉村綠色低碳示范區 光伏景觀設計方案

光伏景觀長廊是一種結合了光伏發電技術和零碳景觀設計的新型公共公共設施&#xff0c;光伏景觀長廊頂上的光伏板不僅可以為周邊用電設備提供清潔電能&#xff0c;而且還能作為遮陽設施使用&#xff0c;為人們提供一個美麗又實用的休閑娛樂空間。 光伏景觀長廊建設對打造美麗鄉…

開發系統準備與開發環境配置總結

開發前系統配置及環境搭建 系統配置0 Github打不開、速度慢怎么辦1 WSL、Linux、Ubuntu、Docker都是什么鬼2 在Windows下安裝WSL和Ubuntu3 配置MySQL4 配置Redis并啟動服務5 Docker&#xff08;Windows和Ubuntu下&#xff09;6 Nginx 系統配置 你好&#xff01; 這是你第一次使…

uniapp 添加loading

在uniapp中添加loading可以使用uni的API uni.showLoading 方法。以下是一個簡單的示例代碼 // 顯示loading uni.showLoading({title: 加載中 });// 假設這里是異步操作&#xff0c;比如網絡請求 setTimeout(function () {// 隱藏loadinguni.hideLoading(); }, 2000);

C++(九)

前言&#xff1a; 本文主要講述運算符的優先順序。 一&#xff0c;運算符的優先級。 請看以下表達式&#xff1a; a32*5 運算結果為&#xff1a;13. 可以看到&#xff0c;在此代碼中&#xff0c;先運行了2*5的結果&#xff0c;在此基礎上在進行3操作&#xff0c;因此結果…

Android 拍照(有無存儲權限兩種方案,兼容Q及以上版本)

在某些行業&#xff0c;APP可能被禁止使用存儲權限&#xff0c;或公司在寫SDK功能&#xff0c;不方便獲取權限 所以需要有 無存儲權限拍照方案。這里兩種方案都列出里。 對于寫入權限&#xff0c;在高版本中&#xff0c;已經廢棄&#xff0c; 不可用文件寫入讀取權限&#xf…

【Altium Designer 】AD如何使用嘉立創元器件的3D封裝

1.下載3D封裝 以STM32F407VGT6為例&#xff0c;進入嘉立創商城網站&#xff0c;找到需要的元器件封裝 復制編號&#xff0c;打開嘉立創EDA&#xff0c;編譯器選擇專業版&#xff0c;新建工程&#xff0c;點擊PCB1 復制編號在搜索框中&#xff0c;點擊搜索&#xff0c;然后放置…

爬蟲運行后數據如何存儲?

爬蟲運行后獲取的數據可以存儲在多種不同的存儲系統中&#xff0c;具體選擇取決于數據的規模、查詢需求以及應用場景。以下是一些常見的數據存儲方法&#xff1a; 1. 文件系統 對于小型項目或臨時數據存儲&#xff0c;可以直接將數據保存到本地文件中。常見的文件格式包括&…

【機器學習】機器學習的基本分類-監督學習-梯度提升樹(Gradient Boosting Decision Tree, GBDT)

梯度提升樹是一種基于**梯度提升&#xff08;Gradient Boosting&#xff09;**框架的機器學習算法&#xff0c;通過構建多個決策樹并利用每棵樹擬合前一棵樹的殘差來逐步優化模型。 1. 核心思想 Boosting&#xff1a;通過逐步調整模型&#xff0c;使后續的模型重點學習前一階段…

【機器學習 | 基于Lasso回歸和隨機森林的上海鏈家二手房房價預測】

文章目錄 &#x1f3f3;??&#x1f308; 1. 導入模塊&#x1f3f3;??&#x1f308; 2. Pandas數據處理2.1 讀取數據2.2 查看數據信息2.3 去除重復數據2.4 去除缺失數據2.5 面積、價格、單價、樓層、建筑時間數據提取2.6 朝向數據處理 &#x1f3f3;??&#x1f308; 3. 特…

【HarmonyOS NEXT】flexShrink屬性

一、背景 希望達到的布局效果是文字與按鈕左右對齊&#xff0c;居中顯示&#xff0c;但實際效果中按鈕的顯示與效果不符&#xff0c;如下圖所示 二、問題 按鈕是用row組件包裹的text&#xff0c;左右padding給的是一樣的大小&#xff0c;但是明顯右邊padding會比左邊padding大…