目錄
回复讨论(解决方案)
首頁 web前端 html教學 登陆界面输入框内加入小图标的样式怎么写?_html/css_WEB-ITnose

登陆界面输入框内加入小图标的样式怎么写?_html/css_WEB-ITnose

Jun 24, 2016 pm 12:05 PM
小圖示 樣式 登陸 輸入


在登陆界面的输入框左边加一个小图标,如图,css样式应该怎么写?


回复讨论(解决方案)

如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>.text{border:solid 2px #ccc;width:400px;height:40px;background:url(http://d.lanrentuku.com/down/png/1211/blueberry/user_friend.png) no-repeat 0 center;}.text input{float:left;border:none;background:none;height:40px;line-height:30px;width:100%; text-indent:32px;}</style></head><body><div class="text">	<input type="text"/></div></body></html>
登入後複製

正是我要的效果,很感谢!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

停用Win11輸入體驗指南 停用Win11輸入體驗指南 Dec 27, 2023 am 11:07 AM

最近有很多win11遇到了輸入體驗對話框總是閃爍,關也關不掉的問題,這其實是由於win11的默認系統服務和組件導致的,我們需要先禁用相關服務,再禁用輸入體驗服務就可以解決了,下面一起來試試看。 win11輸入體驗怎麼關閉:第一步,右鍵開始選單,開啟「任務管理器」第二步,依序找到「CTF載入程式」、「MicrosoftIME」和「服務主機:Textinputmanagementservice」三個進程,右鍵「結束任務」第三步,打開開始選單,在上方搜尋並打開「服務」第四步,在其中找到「Textinp

PlayStation網路登入失敗,但網路連線成功 PlayStation網路登入失敗,但網路連線成功 Feb 19, 2024 pm 11:33 PM

一些玩家在PS4或PS5發佈時遇到了一個奇怪的問題。例如,當他們的PlayStation網路登入失敗,但網路連線正常時,這可能會引起困擾。輸入登入資訊時,可能會遇到錯誤,而且可能無法加入PSParty聊天。如果你遇到了類似問題,這個指南可能會幫助你解決。在PlayStationNetworkSign-in旁邊,你會看到錯誤訊息‘AnErrorHaveAreAre’,它會顯示‘Failure’。其他參數如取得IP位址、網路連線和連線速度都是成功的。那麼,這裡的問題可能是什麼呢?我會給你工作的

修正AADSTS7000112,應用程式已停用Microsoft帳號登入錯誤 修正AADSTS7000112,應用程式已停用Microsoft帳號登入錯誤 Feb 19, 2024 pm 06:27 PM

AADSTS7000112錯誤可能會阻止您使用Microsoft帳戶登入應用程序,造成您不便。本文將為您提供解決方案,幫助您解決這個問題,恢復正常的登入體驗。登入:很抱歉,您登入時遇到問題。 AADSTS7000112:應用程式已停用。幸運的是,您可以遵循一些簡單的建議來修復錯誤。錯誤代碼AADSTS7000112是什麼?錯誤代碼AADSTS7000112表示與Microsoft的AzureActiveDirectory連線出現問題。通常情況下,這可能是由於嘗試登入的Microsoft應用程式被

Windows輸入遇到掛起或記憶體使用率高的問題[修復] Windows輸入遇到掛起或記憶體使用率高的問題[修復] Feb 19, 2024 pm 10:48 PM

Windows的輸入體驗是關鍵的系統服務,負責處理來自各種人機介面設備的使用者輸入。它在系統啟動時自動啟動,在背景運行。然而,有時候這個服務可能會出現自動掛起或佔用過多記憶體的情況,導致系統效能下降。因此,及時監控和管理這個進程是至關重要的,以確保系統的效率和穩定性。在這篇文章中,我們將分享如何解決Windows輸入體驗被掛起或導致記憶體使用率高的問題。 Windows輸入體驗服務沒有使用者介面,但它與處理與輸入裝置相關的基本系統任務和功能有密切關聯。它的作用是幫助Windows系統理解使用者輸入的每一

macOS:如何更改桌面小工具的顏色 macOS:如何更改桌面小工具的顏色 Oct 07, 2023 am 08:17 AM

在macOSSonoma中,小工具不必隱藏在螢幕外,也不必像在先前版本的Apple的macOS中那樣在通知中心面板中被遺忘。相反,它們可以直接放置在Mac的桌面上–它們也是互動的。不使用時,macOS桌面小工具會採用單色樣式淡入背景,從而減少干擾,並允許您專注於活動應用程式或視窗中手邊的任務。但是,當您單擊桌面時,它們將恢復為全彩色。如果您喜歡單調的外觀,並且希望在桌面上保留這一方面的統一性,那麼有一種方法可以使其永久化。以下步驟示範了它是如何完成的。開啟“系統設定”應用

企業微信的信箱怎麼登陸 企業微信的信箱怎麼登陸 Mar 10, 2024 pm 12:43 PM

企業微信的郵箱怎麼登陸?企業微信APP中是可以登陸郵箱,但是多數的用戶不知道郵箱如何的登陸,接下來就是小編為用戶帶來的企業微信郵箱登陸方法圖文教程,感興趣的用戶快來一起看看吧!企業微信使用教程企業微信的郵箱怎麼登陸1、先打開企業微信APP,進入到主頁最底部【工作台】點擊來專區;2、之後在工作台專區中,選擇其中的【企業郵箱】服務; 3.然後跳到企業信箱功能頁,點選底部的【綁定】或【換一個信箱】;4、最後在下圖所示的頁面輸入【QQ帳號】和【密碼】即可登陸信箱。

Wegame登陸操作太頻繁怎麼解決? Wegame登陸操作太頻繁怎麼解決? Mar 14, 2024 pm 07:40 PM

Wegame是一款搭配騰訊遊戲使用的軟體,可以透過它來啟動遊戲,獲得加速,而近期有不少用戶在使用的時候出現了登陸操作過於頻繁的提示,面對這個提示,許多用戶都不知道怎麼才能夠成功解決,那麼本期軟體教學就來和大夥分享解決方法,一起來了解看看吧。  Wegame登陸操作過於頻繁怎麼辦?  方法一:  1、先確認一下我們的網路連線是否正常。  (可以嘗試開啟瀏覽器,看看能不能上網)  2、如果是網路故障,那麼試著重新啟動路由器、重新連線、重新啟動電腦來解決。  方法二:  1、如果網路沒有問題,那麼選擇&

GeForce Experience登入當機[修復] GeForce Experience登入當機[修復] Mar 19, 2024 pm 06:30 PM

本文將引導您解決在Windows11/10上出現的GeForceExperience登入當機問題。通常情況下,這可能是由於不穩定的網路連接、損壞的DNS快取、過時或損壞的圖形卡驅動程式等原因引起的。修復GeForceExperience登入黑畫面在開始之前,請確保重新啟動您的網路連線和電腦。有時候,這個問題可能只是因為臨時問題所引起的。如果您仍遇到NVIDIAGeForceExperience登入黑畫面問題,請考慮採取以下建議:檢查您的internet連線切換到另一個Internet連線停用您的

See all articles