HTML & CSS Solution: A Video on Styling ‘Input’ In Form


This was one of the challenges I came across in my journey as a front-end web developer. I was racking my brain trying to find a solution for this one.

The Challenge

I know the element that I wanted to target: the input area within the message box.


Graphic Of Form Border

Graphic Of Form Border

I couldn’t for the life of me figure how to target it properly with CSS.


The Solution

Found the solution here:

I used the solution there and re-purposed for my own use.

Screenshot of CSS Code

Screenshot of CSS Code

The CSS code above produced the following outcome.


Leave a Reply

Your email address will not be published. Required fields are marked *