CSS 要素名[属性名=”値”]で指定の属性を設定する方法
環境
Google Chrome 109.0.5414.120
Windows 10 Home 64bit
構文
要素名[属性名="値"]
指定の属性の値がある要素にCSSを適用します。
使用例
<!DOCTYPE html>
<html>
<head>
<style>
input[type="button"]{
color:red;
}
input[type="text"][name="update"] {
color:green;
}
</style>
</head>
<body>
<p><input type="button" name="reg" value="登録" /></p>
<p><input type="text" name="update" value="更新" maxlength="5"/></p>
</body>
</html>
実行結果
button属性の「登録」の色が赤になります
text属性の「更新」の色が緑になります。