input[type='password'][name='password'] : attribute selector « Style Basics « HTML / CSS
- HTML / CSS
- Style Basics
- attribute selector
input[type='password'][name='password']
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<title>Attribute Selectors</title>
<style rel='stylesheet' type='text/css'>
input[type='password'][name='password'] {
background: crimson;
color: pink;
border: 3px solid pink;
}
</style>
</head>
<body>
<form method='post' action=''>
<fieldset>
<legend>Feedback Form</legend>
<table>
<tbody>
<tr>
<td>
<label for='first-name'>First Name:</label>
</td>
<td>
<input type='text'
name='first_name'
id='first-name'
value=''
size='25' />
</td>
</tr>
<tr>
<td>
<label for='last-name'>Last Name:</label>
</td>
<td>
<input type='text'
name='last_name'
id='last-name'
value=''
size='25' />
</td>
</tr>
<tr>
<td>
<label for='account-password'>Password:</label>
</td>
<td>
<input type='password'
name='password'
id='account-password'
size='25'
value='' />
</td>
</tr>
</tbody>
</table>
</fieldset>
</form>
</body>
</html>
Related examples in the same category