1. ホーム
  2. ハイパーリンク

[解決済み】要素名にCSSスタイルを適用することはできますか?

2022-04-09 06:10:34

質問

私は現在、CSSスタイルを適用するHTMLを制御できないプロジェクトに取り組んでいます。そして、そのHTMLは、要素を区別するのに十分なidとclassの宣言がないという意味で、あまりうまくラベル付けされていません。

そこで、idやclass属性を持っていないオブジェクトにスタイルを適用する方法を探しています。

フォームアイテムに "name" や "value" 属性がある場合があります。

<input type="submit" value="Go" name="goButton">

name="goButton"に基づいてスタイルを適用する方法はありますか?また、"value"についてはどうでしょうか?

Googleで検索すると、"name" や "value" といった広義の言葉がウェブページに登場する事例がいろいろと見つかるので、なかなかわからないものなんですよ。

答えは「ノー」だと思うのですが......もしかしたら、誰かが賢いハックを知っているかもしれませんね?

何かアドバイスがあれば、ぜひお願いします。

解決方法は?

属性セレクタを使用することができます。

input[name="goButton"] {
  background: red;
}
<input name="goButton">

IE6には対応していないので注意しましょう。

更新:2016年はIE6が死んでいるので、かなり好きなように使うことができます。 http://quirksmode.org/css/selectors/

http://reference.sitepoint.com/css/attributeselector