css匹配type屬性值為text的input元素
分享一段程式碼例項,它實現了匹配type屬性值為text的input元素。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> input { width:180px; height:30px; } input[type=text] { color:green; } </style> </head> <body> <input type="text" value="螞蟻部落"/> <input type="url" value="www.softwhy.com"/> </body> </html>
使用屬性選擇器即可實現,具體可以參閱CSS E[att="val"]一章節。
相關文章
- jQuery type屬性值篩選input元素jQuery
- 動態修改input元素type屬性值
- css設定type為text的input元素的樣式CSS
- css匹配具有指定屬性值的元素CSS
- CSS匹配input text文字框CSS
- js通過type屬性值篩選input元素程式碼例項JS
- css設定具有指定type屬性值的input文字框的樣式CSS
- 更改input的type屬性
- jQuery匹配指定type型別input元素jQuery型別
- css實現匹配具有指定屬性的元素CSS
- js根據input標籤的type屬性篩選元素JS
- input標籤單行文字域type="text"的可以新增屬性以及其描述
- JavaScript 通過 type 屬性值獲取表單元素JavaScript
- 設定input type為text的文字框樣式
- CSS---text-overflow屬性CSS
- CSS text-indent 屬性CSS
- jQuery使用css()方法設定元素的display屬性值jQueryCSS
- js如何獲取某一類type屬性值表單元素JS
- jquery通過name屬性匹配元素jQuery
- 【小技巧】巧用CSS屬性值正則匹配選擇器CSS
- CSS 屬性賦值CSS賦值
- jQuery根據多個屬性匹配元素jQuery
- 如何清除<input type="file">的值
- jquery改變元素屬性值jQuery
- jQuery css()設定和獲取元素css屬性值程式碼例項jQueryCSS
- textarea 多行文字域 type 屬性值
- jQuery如何設定元素的屬性值jQuery
- vue監聽input是否為空(監聽值為物件某個屬性)Vue物件
- css的border屬性預設值CSS
- css3中的zoom屬性以及jquery中css()方法操作元素的屬性CSSS3OOMjQuery
- 正值表示式匹配html標籤的屬性值HTML
- jQuery如何匹配input標籤的submit元素jQueryMIT
- CSS border屬性預設值CSS
- 理解CSS屬性值語法CSS
- jQuery點選元素獲取此元素的id屬性值jQuery
- textarea多行文字域的type屬性值是textarea
- input[type=file]使用css美化效果CSS
- HTML中input type="text"和type="password" 顯示的長度不一樣HTML