CSS HTML-Style-Attributes
=========================
Style HTML Elements With Specific Attributes
It is possible to style HTML elements that have specific attributes, not just class and id.
IE7 and IE8 support attribute selectors only if a !DOCTYPE is specified.
Attribute Selector
------------------
The example below styles all elements with a title attribute
[title]
{
color:blue;
}
Attribute and Value Selector
----------------------------
The example below styles all elements with attribute title e.g. title="test"
[title=test]
{
border:5px solid green;
}
Attribute and Value Selector - Multiple Values
----------------------------------------------
The example below styles all elements with a title attribute that contains a specified value. This works even if the attribute has space separated values:
[title~=hello] { color:blue; }
The example below styles all elements with a lang attribute that begins with a specified value:
[lang|=en] { color:blue; }
Styling Forms
-------------
The attribute selectors are particularly useful for styling forms without class or ID:
input[type="text"]
{
width:150px;
display:block;
margin-bottom:10px;
background-color:yellow;
}
input[type="button"]
{
width:120px;
margin-left:35px;
display:block;
}