How to add a text / number box with CSS

[jaanie39]

Could you please help me?

In the CSS section of the JavaScript programming course, Zsolt shows us how to add text boxes and buttons, with the below code.

It’s in this lesson, called Basic CSS and Selectors: https://academy.moralis.io/lessons/basic-css-rules-and-selectors

And he shows us that buttons and text boxes appear on his website, however, I’m not seeing this.

What am I missing? I tried to go back and see if I had missed some code in the HTML section but I cannot find this.

Thank you,

button {
    border: none;
    box-shadow: 2px 2px 3px darkgrey; 
    cursor: pointer;
}

[type=text], [type=number], [type=submit] {
    padding: 8px; ```

[Maki]

To the styles for the button element, You should select the button element;

1. click the element selector in the developer tool.
2. Go to button element and click it. Then you will see the styles for the button.
   
   

[FOSSCrypto]

I had the same question. I didn’t see him do the markup for this. Thanks!

[NetworkP]

Hi, It isn’t button. You need to go into the ‘forms’ element. I have noticed that the instructor has not done the markup for this. I think this strategy is too keep us super engaged in order to find some solutions for ourselves, as just purely copying, doesn’t really teach us anything.

Hope this helps.

Look up HTML forms.

[jaanie39]

Ok thank you! That makes sense. He does go fast at times, and yes I agree just copying and pasting is not enough to learn and absorb the information.