Blog Author
Tekslate
Published Date
20th September, 2018
Ratings
Views
798
It is possible to style HTML element that have specific attributes, not just class and id. Note IE7 and IE8 support attribute selectors only if a !DOCTYPE is specified. Attribute selection is NOT supported in IE6 and lower.
The example below styles all element with a little attribute. Example [title] { color:blue; }
The example below styles all elements with title=”W3Schools”. Example [title=W3School] { border:5px solid green; }
The example below style 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 contains a specified value. This works even if the attribute has hyphen(_) separated values:
[lang|=en]{color:blue;}
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; intpu[type=”button”] width:120px; margin-left:35px; display:block;
TekSlate
TekSlate is the best online training provider in delivering world-class IT skills to individuals and corporates from all parts of the globe. We are proven experts in accumulating every need of an IT skills upgrade aspirant and have delivered excellent services. We aim to bring you all the essentials to learn and master new technologies in the market with our articles, blogs, and videos. Build your career success with us, enhancing most in-demand skills .
Write For Us