Attribute selector styling

HTML-CSS
1

I need help styling using the attribute selector
Most browsers inject their own default CSS properties and values for different elements. If you look closely, you might be able to notice the file input is smaller than the other text input elements. By default, a padding of 1px 2px is given to input elements you can type in.

Using another attribute selector, style the input with a type of file to be the same padding as the other input elements.
This is my code

input[file]{padding:1px 2px;}

why is it not collect? Please help

1 Like
2

You’re really close!

You’re missing something in the type selection so that the CSS knows what it’s looking for.

Try it with

input[type=file] {
   padding: 1px 2px;
}
3 Likes
3

Here are some links as well:

2 Likes
4

oooh those are nice, I’m gonna bookmark them, thanks!

5

MDN is amazing.

I added another one from w3schools which is a single page of the selectors. It can be handy for quickly finding the selector type you are looking for without having to dig for it.

1 Like
6

i love w3schools, it’s pretty much exclusively where i check when i am real confused. They have amazing breakdowns

1 Like
7

It’s still not working please

8

@Dan2006 If this is for a challenge, please link to it and post all your code.

1 Like
9

Thanks for your resource input here @lasjorg ! I’m having the same problem with this challenge. https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-55

“You should use an attribute selector to style the input element.” Here is my current code, if you have any advice:

input[type="file"]  {
  padding: 1px 2px;

}
10

The CSS you have posted passes the test for me.

1 Like
11

Interesting. Reset it. Thanks.

12

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.