elementui中input控制長度-tft每日頭條

elementui中input控制長度

生活更新时间:2025-02-04 13:51:55

element-plus版本：v2.2.0

vue版本：v3.0.0

<el-input v-model="dataInput" class="input-border-style" placeholder="請輸入信息"> </el-input>

關于el-input的CSS樣式：

.input-border-style 自定義的樣式類
.el-input.is-disabled .el-input__inner element-plus的樣式類
.el-input.is-disabled element-plus的樣式類
.el-input__inner element-plus的樣式類

/** 默認樣式 */ .input-border-style{ border:1px solid #47c9FF; border-radius:3px; padding-left: 10px; } /** el-input disabled時的文字顔色*/ .el-input.is-disabled .el-input__inner{ color:#d61616; } /** el-input disabled時的背景和邊框*/ .el-input.is-disabled{ background:#dbdada; border: 1px solid #868686; } /** el-input 正常模式下、readonly模式下的文字顔色 */ .el-input__inner{ color:#00ccff; }

正常的樣式：

elementui中input控制長度（elementplusel-input修改文字背景）1

disabled 無内容：

elementui中input控制長度（elementplusel-input修改文字背景）2

disabled 有内容：

elementui中input控制長度（elementplusel-input修改文字背景）3

使用到的顔色：

elementui中input控制長度（elementplusel-input修改文字背景）4

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!

查看全部

网友关注

生活平行時空遇見你劇情簡介
1、《平行時空遇見你》是騰訊視頻出品的高甜追劇式綜藝，由李一桐、秦岚、楊超越、侯明昊、劉以豪、王彥霖... 2023-07-10
生活相信光奧特曼什麼梗
1、意思也就是說無論有多麼黑暗，你内心必須要相信光明即将出現，這樣你才不會被黑暗打敗。不是因為相信光... 2023-07-10
生活沙蟲正确挂鈎方法
1、左手用大拇指、食指、中指三個指頭輕輕抓起小撮沙蟲，右手持鈎柄（細條鈎最佳）用鈎尖挂上五六下就可以... 2023-07-10
生活怎麼将安卓手機桌面變成ios
1、在應用中心中搜索“領航桌面IOS7”，下載并且安裝自己的安卓手機裡面。安裝後啟動的時候會彈出設置... 2023-07-10
生活金錢龜的正确開食方法
1、在稚龜出殼3天後投喂少量熟蛋黃馴食，5天後投絞碎的魚、蝦、螺、蚌、畜禽内髒等餌料，輔以瓜菜和谷物... 2023-07-10
生活店鋪介紹範文
1、歡迎光臨本店，您的支持是我們最大的前進動力，本店所有産品均低價銷售，并且保證質量，需要的親請放心... 2023-07-10
生活微信無法連接wifi
1、解決方法：依次點擊設置＞安全＞權限管理＞微信，将微信的wifi聯網權限設置為開啟狀态。2、手機軟... 2023-07-10
生活隔空播放怎麼用
1、當用戶的設備與支持隔空播放技術的音箱在同一無線局域網内的時候，用戶在Mac或PC上打開iTune... 2023-07-10
生活家裡煤氣洩露怎麼辦
1、家裡煤氣洩漏要注意首先要将正在使用的煤氣竈關上，并關閉煤氣氣閥。然後立即将屋内的窗戶都打開通風，... 2023-07-10
生活雙黃線虛線是什麼意思
1、雙黃色虛線是潮汐車道線。“潮汐車道”是指根據早晚交通流量不同情況，對有條件的道路，試點開辟潮汐車... 2023-07-10
生活火車站的健康碼怎麼弄微信
1、打開微信，點擊“我”，然後進入“支付”選項。2、選擇“城市服務”。3、選擇城市服務地址，點擊“健... 2023-07-10
生活鴻運當頭的寓意和象征
1、從鴻運當頭的名字就可以看出，它的寓意是非常好的，代表着吉祥、好運氣，所以很多人都希望自己養殖的鴻... 2023-07-10
生活微信怎麼關注公衆号
1、點擊手機桌面的“微信”标志。2、點擊“通訊錄”頁面，在頁面中間位置，找到“公衆号”标志，點擊進入... 2023-07-10
生活有趣的靈魂經典句子
1、山有木兮卿有意，昨夜星辰恰似你。2、你是無意穿堂風，偏偏孤倨因山洪。3、為你遇見你，竟花光了我所... 2023-07-10
生活什麼是破壁機
1、破壁機是可以瞬間打破食物壁，釋放植物生化元素的機器。2、破壁機工作原理是可以超高速攪打，把食材粉... 2023-07-10
生活夢見白事是什麼意思
1、懷有身孕的人夢見辦白事，預示生女，忌動土動胎氣而流産。2、談婚論嫁的人夢見辦白事，說明可望成婚。3、創業的人夢見辦白事，代表有忍耐力去進行得利賺錢，夏季不利。4、準備考試的人夢見辦白事，意味着未能達願，内主沖突，無法錄取。5、打算出門的人夢見辦白事，建議稍有耽誤幾天，可順利出行。 2023-07-10
生活火災演練怎麼走
1、實地演習開始：演習開始！首先由指揮人員在工作場所投放煙霧彈，然後拉響火災逃生警報。2、聽到警報響... 2023-07-10
生活淤血怎麼消除
1、如果患者局部淤血範圍較小，沒有出現明顯的組織腫脹、疼痛、皮溫升高等感染迹象。此時，建議患者采用局... 2023-07-10
生活安全防護措施有哪些
1、人防：人力防範，是利用人們自身的傳感器（眼、耳等）進行探測，發現妨害或破壞安全的目标，作出反應；... 2023-07-10
生活怎樣用u盤重裝系統
1、首先制作一個U盤啟動盤，在電腦上安裝好重裝系統軟件，這裡以雲騎士裝機大師為例，打開雲騎士裝機大師... 2023-07-10
生活蠶繭怎麼養
1、蠶繭是即将要變成蛾的方式，所以是沒有辦法養了，隻能在這時候抽取蠶絲。一般采用烘幹的方法防止蠶繭變... 2023-07-10
生活雞蛋怎麼保存才能保鮮時間長
1、放入冰箱冷藏箱雞蛋最适當的保存溫度為5℃~7℃，也就是放入冰箱冷藏室中保存即可，如果買的是整盒的... 2023-07-10
生活自發面放冰箱裡沒發泡怎麼辦
1、面粉不能放在冰箱裡，面粉是幹燥的放冰箱裡容易吸收水分受潮結塊。保存面粉的方法：将面粉放在幹淨密閉... 2023-07-10
生活紅薯超高産秘方
1、施對肥料。紅薯超高産秘方最主要的就是進行施肥，首先在紅薯種植之前，需要給它施入一些基肥，可以用腐... 2023-07-10
生活怎麼參加快手掰手腕活動
1、打開快手，點擊左上角三橫；點擊【五一赢千萬紅包】；點擊底部活動頁面進入；點擊【進入賽場】；點擊【... 2023-07-10
生活如何處理冰箱毛細管堵塞
1、如果冰箱毛細管堵塞得很嚴重的話，我們也可以将冰箱的毛細管切掉一段，将堵塞的地方切掉，然後再重新把... 2023-07-10
生活薩克斯惜别的海岸用什麼調
1、中音薩克斯bB調。2、金屬制抛物線性圓錐管體，與單簧管類似的笛頭，波姆體系音鍵系統.市面上一般除... 2023-07-10
生活微信運動怎麼關掉
1、以微信7.0.18為例，在手機桌面找到并打開微信，然後在微信裡找到微信運動，點擊進入後點擊右上角... 2023-07-10
生活微信朋友圈怎麼頂置朋友圈
1、首先打開微信軟件，進入微信主頁面。2、在微信發現的頁面内，找到朋友圈選項，點擊進入朋友圈。3、進... 2023-07-10
生活鋼筋冷拉什麼意思
1、鋼筋冷拉是在常溫下對鋼筋進行強力拉伸，拉應力超過鋼筋的屈服強度，使鋼筋産生塑性變形，以達到調直鋼... 2023-07-10

tft每日頭條

> 生活

> elementui中input控制長度

elementui中input控制長度

相关生活资讯推荐

热门生活资讯推荐

网友关注