為input文字框設定背景圖片
很多文字框都帶有背景圖片,不但美觀,還是提示的功能,下面就介紹一下如何實現此功能。
程式碼如下:
[CSS] 純文字檢視 複製程式碼input{ background-image:url('back-image.gif'); background-repeat:no-repeat; padding-left:20px; }
由以上程式碼可以看出,設定背景圖片很簡單,用 background-image設定一個背景圖就可以了。
相關文章
- 為view設定背景圖片View
- 設定input type為text的文字框樣式
- JavaScript設定input文字框只讀JavaScript
- CSS 設定input文字框樣式CSS
- css設定input文字框樣式CSS
- 設定input文字框只讀效果
- 如何讓input文字框和圖片對齊
- input文字框焦點背景變色
- HTML中設定input等文字框為不可操作HTML
- JavaScript設定背景圖片JavaScript
- JavaScript 動態設定input文字框只讀JavaScript
- javascript動態設定input文字框的值JavaScript
- 單獨設定input text文字框樣式
- <input>文字框和驗證碼圖片垂直對齊
- Android之背景圖片設定為重複Android
- JavaScript設定背景圖片位置JavaScript
- html+css 設定背景圖片HTMLCSS
- CSS設定背景圖片程式碼CSS
- vscode設定背景圖片VSCode
- CSS設定<input>標籤的背景小圖示CSS
- js動態設定input文字框的readonly屬性JS
- UIView設定背景圖片幾種方式UIView
- JavaScript動態設定元素背景圖片JavaScript
- CSS3 設定多個背景圖片CSSS3
- input文字框和img圖片能夠垂直居中對齊程式碼例項
- 純css設定input文字框獲取焦點時的樣式CSS
- 搜尋框設定背景圖 通過設定placeholder屬性新增
- CSS input文字框樣式CSS
- CSS input 文字框樣式CSS
- input 文字框內容居中
- CSS匹配input text文字框CSS
- input只能輸入文字框
- Html--給圖片設定邊框0.1HTML
- 設定圖片和文字的垂直居中
- qt 設定QTextEdit文字框中指定內容塊的背景顏色QT
- c# 設定MdiClient窗體的背景圖片C#client
- 設定二維碼圖片背景透明教程
- 設定背景圖片鋪滿整個螢幕