How to Style Text Areas on HTML Forms With CSS - Web Design Tutorial

preview_player
Показать описание
In today's video I'll be showing you how to style text areas using CSS. This is very straightforward and can help make your HTML forms look visually appealing.

Link to SOURCE CODE:

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #html #css
Рекомендации по теме
Комментарии
Автор

Thank you so much! Simple steps and clear explanation!

kwokashley
Автор

bruh I gotta say this "your pace is so fkin bang on ! I rlly appreciate your consideration, you literally can just be my coding teacher like literally its so easy to follow you time by time

Musicfy
Автор

Hello, nice tutorial... this is exactly the style I do with my own form text inputs and textareas. Only 2 things I found quite different:
- I would put "cursor: pointer" directly on .textarea (not on :hover), because... well, it will show the cursor only when we will hover over the textarea anyway.
- I usually put exactly the property I change for transitions (I don't ever use transition: all), in this case, I would use only what it's changed on hover, namely "background-color" and "border-color"

Overall nice tutorial as usual! It'd be awesome if everyone will use this style of form styling... I find it the easiest to maintain in the future.

alexradu
Автор

Instead of border we can use box-shadow, therefore no need in applying it inside main styles, only on hover.

cmaccmac
Автор

Hello I have tried follow your tutorial but as soon as I try to use styles the text box disappears, do you know what might be the issue

randomwatermelons
Автор

Can you please, design your pages in dark mode. Please! My eyes are burning. I'm immune to light mode!

BenjaminAster
Автор

I can't get it right😢 is it css Or html?

BhairamPushpalatha