CSS 指定の属性セレクタの値が含まれているサンプル

2023年3月27日

環境
Google Chrome　111.0.5563.111（Official Build）（64 ビット）
Windows 10 Home 64bit

書式
要素名[属性名*="値"]
指定の属性の値が含まれている要素にCSSを適用します。

使用例

<!DOCTYPE html>
<html>
<head>
<style>
input[name*="game"]{
     color:blue;
}
</style>
</head>
<body>

      <input type="text" name="stu123" value="tokyo" maxlength="5">
    <p>
      <input type="text" name="arkgame3" value="oosaka" maxlength="5"> </p>
</body>
</html>

実行結果
name属性「arkgame3」の値「oosaka」が含まれているのでCSS(文字が青)が適用されます。

CSS

Posted by arkgame

関連投稿: