CSS 匹配指定name元素
本文分享一段程式碼例項,利用CSS匹配具有指定name屬性值的元素。
使用CSS的屬性選擇器即可實現,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> input[name="ant"]{ width:160px; height:30px; background-color:#ccc; } </style> </head> <body> <input type="text" name="ant"/> <br/> <input type="text" name="mayi"/> </body> </html>
程式碼很簡單,具體參閱CSS E[att="val"]選擇器一章節。
相關文章
- jQuery利用name匹配元素程式碼例項jQuery
- jQuery匹配指定type型別input元素jQuery型別
- CSS 匹配第一個li元素CSS
- CSS 設定指定範圍li元素樣式CSS
- CSS匹配第一個li元素程式碼例項CSS
- CSS3元素水平運動指定距離CSSS3
- CSS3 animation-nameCSSS3
- jQuery複製指定li元素jQuery
- 正則匹配指定字元之前的字串字元字串
- 匹配指定位數不重複數字
- 瀏覽器是怎樣判斷元素是否和某個CSS選擇器匹配?瀏覽器CSS
- JavaScript 刪除陣列指定元素JavaScript陣列
- JavaScript陣列檢索指定元素JavaScript陣列
- CSS 直接子元素CSS
- CSS匹配input text文字框CSS
- jQuery Validate忽略指定元素不驗證jQuery
- JavaScript 陣列 指定索引位置插入元素JavaScript陣列索引
- CSS的塊級元素和行內元素CSS
- 02 CSS塊級元素和行內元素CSS
- CSS 元素選擇器CSS
- CSS隱藏元素方法CSS
- css 元素顯示模式CSS模式
- 匹配指定範圍整數正規表示式
- Selenium4自動化測試2--元素定位By.ID,By.CLASS_NAME,By.TAG_NAME
- jQuery刪除具有指定文字的li元素jQuery
- JavaScript陣列指定位置插入新元素JavaScript陣列
- Array · 刪除陣列中指定的元素陣列
- 匹配指定長度不重複字母正規表示式
- HTML表單元素及CSSHTMLCSS
- css 元素左右居中總結CSS
- css偽元素(before與after)CSS
- CSS元素居中常用方法CSS
- CSS 元素層疊順序CSS
- CSS塊級/內聯元素CSS
- 笑談CSS的偽元素CSS
- css元素不可見方法CSS
- div拖動範圍限定在指定元素內
- JavaScript 獲取指定標籤一級子元素JavaScript