首頁 > 開發者 > JavaScript
css設定具有指定type屬性值的input文字框的樣式，屬性值input
css設定具有指定type屬性值的input文字框的樣式:
如果想設定一個<input type="text">的樣式，我們不能夠擦用如下方式:
input{}
上面的方式可以設定所有的input元素的樣式，不單單是文字框，當然我們可以找到其他的解決方案，在文字框上使用class屬性或者style屬性進行設定，但是這種方式還是比較麻煩，下面就通過css的屬性選取器來實現此功能。
代碼如下:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>螞蟻部落</title><style type="text/css">input[type=text]{ width:200px; height:30px;}</style></head> <body> <input type="text"/><input type="password"/></body> </html>
上面的代碼利用屬性選取器可以設定文字框的長度和高度。
屬性選取器可以參閱CSS的屬性選擇符E[att="val"]一章節。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15073
更多內容可以參閱:http://www.softwhy.com/divcss/
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
