CSS CSS Selectors Selectors - Beyond the Basics Attribute Selectors Challenge

Attribute selector that targets input elements with a type attribute value of submit. Set background color to #52bab3.

Finally, write a new attribute selector that targets input elements with a type attribute value of submit. Then, set the background color to #52bab3.

img[title="avatar"] { border-radius: 50%; }

input[type='password'] { color:#ccc; }

input [type='submit'] { background-color: #52bab3; }

style.css
/* Complete the challenge by writing CSS below */

img[title="avatar"] {
    border-radius: 50%;
}

input[type='password'] { 
  color:#ccc; 
}

input [type='submit'] {
 background-color: #52bab3;
}
index.html
<!DOCTYPE html>
<html>
<head>
    <title>Selectors</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href='http://fonts.googleapis.com/css?family=Nunito:400,300' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="base.css">
  <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="container">
        <form class="form-contact">
        <img src="avatar.png" title="avatar" alt="">

          <label for="un">Username:</label> 
          <input type="text" id="un">

        <label for="pw">Password:</label>
        <input type="password" id="pw">

          <input type="submit" value="Sign up">
        </form>
    </div>
</body>
</html>

2 Answers

Steven Parker
Steven Parker
203,733 Points

Spaces have special meanings in selectors (they represent descendant relationships), so you don't want one between the tag name and the attribute part of the selector for this rule.

Thank you! It worked.