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

Standard

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: https://css-tricks.com/snippets/css/glowing-blue-input-highlights/

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.

Nice!

Leave a Reply

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