CSS匹配input text文字框

antzone發表於2018-07-09
CSS

大家都知道input的標籤根據type屬性值得不同，會有不同的展現。

有時候我們只是需要匹配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[type="text"]{
  color:blue;
}
</style>
</head>
<body>
<input type="tel" value="18300258888"/>
<input type="text" value="www.softwhy.com" />
</body>
</html>

上面的程式碼可以單獨設定文字框的value屬性值顏色。

input[type="text"]用法參閱CSS E[att="val"]屬性選擇符一章節。

相關文章